Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/visual-studio-code/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery “全部选中”复选框不起作用_Jquery - Fatal编程技术网

Jquery “全部选中”复选框不起作用

Jquery “全部选中”复选框不起作用,jquery,Jquery,在 代码: <script type="text/javascript"> function checkAll() { var checked = $("#checkAll").is(':checked'); $(".check_row").attr("checked", checked); } </script> <div> <input type="checkbox" id="checkAll" onclick="ch

代码:

<script type="text/javascript">
    function checkAll() {
    var checked = $("#checkAll").is(':checked');
    $(".check_row").attr("checked", checked);
}
</script>
<div>
    <input type="checkbox" id="checkAll" onclick="checkAll()" />Check All <br />
    <input type="checkbox" class="check_row" />One <br />
    <input type="checkbox" class="check_row" />Two <br />
    <input type="checkbox" class="check_row" />Three <br />
    <input type="checkbox" class="check_row" />Four <br />
    <input type="checkbox" class="check_row" />Five <br />
    <input type="checkbox" class="check_row" />Six <br />    
</div>

函数checkAll(){
var checked=$(“#checkAll”).is(':checked');
$(“.check_row”).attr(“checked”,checked);
}
选中所有
一个
两个
三个
四个
五个
六个
“全选”复选框仅第一次起作用。有人能帮我找出发生了什么事吗?

改变

$(".check_row").attr("checked", checked);

请参见更改

$(".check_row").attr("checked", checked);

更改此行

    $(".check_row").attr("checked", checked); 

     to

    $(".check_row").attr("checked", true);
小提琴:

改变这一行

    $(".check_row").attr("checked", checked); 

     to

    $(".check_row").attr("checked", true);
小提琴:

  • 由于您使用的是大于1.6的jquery版本,因此在本例中,属性将从
    attr
    更改为
    prop
  • 不要多次声明变量如果在函数中声明变量,它将多次重复声明变量
  • 你甚至不需要变量,如果还有其他条件。。。检查我更新的示例
  • 更新

  • 由于您使用的是大于1.6的jquery版本,因此在本例中,属性将从
    attr
    更改为
    prop
  • 不要多次声明变量如果在函数中声明变量,它将多次重复声明变量
  • 你甚至不需要变量,如果还有其他条件。。。检查我更新的示例
  • 更新


    你最好多用jQuery和HTML5风格:你最好多用jQuery和HTML5风格:对我来说效果很好。再查一遍。当我点击第一个复选框(全选)时,它会选中下面的所有复选框。这对我来说很好。再查一遍。当我点击第一个复选框(全选)时,它会选中下面的所有复选框。
    var checked
    
    function checkAll() {
    
        checked = $("#checkAll").is(':checked');
    
        $(".check_row").prop("checked", checked);
    
    }
    
    $('#checkAll').on('change',function(){    
        $(".check_row").prop("checked", $(this).is(':checked'));    
    });
    
    function checkAll() 
    {
         var checked = $("#checkAll").is(':checked');
    
         $(".check_row").prop("checked", true);
    
        if(!checked)
        {
               $(".check_row").removeAttr("checked");
        }
    
    }