Javascript 在php代码中调用jQuery

Javascript 在php代码中调用jQuery,javascript,php,jquery,Javascript,Php,Jquery,这是我的jQuery和php代码,但jQuery代码从不运行。问题在哪里。我最近了解了jquery 运行此代码后,下拉列表中应有两个值(非常好和很好),选中此复选框后,值应更改为“不坏”和“坏” <script> var $checkbox = $("#checkbox"); var $selectMenu = $("#selectMenu"); var checkedContent = "<option>not bad</option><option

这是我的jQuery和php代码,但jQuery代码从不运行。问题在哪里。我最近了解了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> 

var$checkbox=$(“#checkbox”);
变量$selectMenu=$(“#selectMenu”);
var checkedContent=“不坏”;
var uncheckedContent=$selectMenu.html();
$checkbox.on(“单击”,函数(){
var$this=$(this);
如果($this.is(“:checked:not”)){
$selectMenu.html(选中内容);
}否则{
$selectMenu.html(未选中内容);
}
});
很好
美好的

检查您是否包括:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
围绕您的javascript代码

  • 您需要包含jQuery库才能使用它
  • $(函数(){//code})
    确保在执行javascript之前加载整个页面

  • 您是否包括jquery??如果不是@Mohamed Yousef no bro!!!我不知道@昆汀:是的,但为了便于学习,我想提一提:你正在处理一个选择框,所以为了在其中设置选项,你需要“附加”它$(#selectMenu).append(checkedContent)。@Franco-No.设置innerHTML很好。改用append会有不同的效果。另外,我不是sajad。你能解释更多吗?
    $(function() {
        // Your Code
    });