2015-11-24 27 views
0

這裏是我的jQuery和php代碼,但jQuery代碼永遠不會運行。問題在哪裏。我最近了解了jquery。在php代碼中調用jQuery

運行此代碼後,我們應該有一個下拉列表(非常好,漂亮的),並檢查複選框後二值,值應更改爲「不壞」和「壞」

<script> 
var $checkbox = $("#checkbox"); 
var $selectMenu = $("#selectMenu"); 

var checkedContent = "<option>not bad</option><option>bad</option>"; 
var uncheckedContent = $selectMenu.html(); 

$checkbox.on("click", function(){ 
    var $this = $(this); 
    if($this.is(":checked:not")){ 
     $selectMenu.html(checkedContent); 
    } else { 
    $selectMenu.html(uncheckedContent); 
    } 
}); 
</script> 

<input type="checkbox" name="checkbox" id="checkbox"> 
<select name="test" id="selectMenu"> 
    <option>very good</option> 
    <option>nice</option> 
</select> 
+0

是否包含jQuery的前整個頁面加載?如果不是http://stackoverflow.com/questions/13829667/how-to-add-jquery-to-an-html-page –

+0

@ Mohamed-Yousef沒有兄弟!我不知道! – sammy

+0

@quentin正確,但爲了您的學習,我想提一提:您正在處理selectBox,因此爲了設置選項,您需要「附加」它。 $(「#selectMenu).append(checkedContent)。 – Franco

回答

0

檢查你已經包括:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 

然後再把:

$(function() { 
    // Your Code 
}); 

在你的C寫的JavaScript頌。

  1. 您需要包含jQuery庫才能使用它。
  2. $(function() {//Code});可以確保的JavaScript被執行
+0

你能解釋一下嗎? – sammy

+0

我更新了該職位 – KiwiJuicer