Question

我有以下 JS代码：

$("#idserver").change(function(){
  $('input:checkbox').removeAttr('checked');
});

idserver：

<select id="idserver" name="serverid">
  <option value='0'>number one</option>
  <option value='1'>number two</option>
</select>

复选框：

<input type="checkbox" id="check" class="calc" name="access[a]" value="2" />example

并且根本不起作用

Answer 1

你必须这样输入

$("#idserver").change(function(){
    $('input:checkbox').prop( "checked", false );
});

Answer 2

这里试试这个

$("#idserver").change(function(){
   $('input[type="checkbox"]').removeAttr('checked');
});

Answer 3

您错过了document ready区块：

$(function () {//<-- document ready
    $("#idserver").change(function () {
        $('input:checkbox').removeAttr('checked');
    });
});

Answer 4

您的代码正常工作没有问题here可能是您的控制台会告诉您错误是什么。

此外，您还没有选中复选框

中默认添加checked属性的复选框

我假设你可能没有包含js库，或者你还没有在ready函数中编写代码，试试这个：

Inlcude jQuery library ：

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

HTML：

<select id="idserver" name="serverid">
<option value='0'>number one</option>
<option value='1'>number two</option>
</select>
<input type="checkbox" id="check" class="calc" name="access[a]" value="2" checked />example

jQuery：

<script type="text/javascript">

$(document).ready(function(){

       $("#idserver").change(function(){
             $('input:checkbox').prop( "checked", false );
       });

});

</script>

以下是现场演示： jSfiddle

Answer 5

<select id="idserver" name="serverid">
<option value='0'>number one</option>
<option value='1'>number two</option>
</select>
<input type="checkbox" id="check" class="calc" name="access[a]" value="2" />example

$("#idserver").change(function(){
   $('input:checkbox').prop( "checked", false );
});

检查上面的代码

JSFiddle Demo

选择Jquery不起作用

5 个答案: