Question

我正在以这种方式使用tr和td动态添加复选框。

var arr=[1,2,3];

                var trtest = "<tr>";
                trtest = trtest +"<tr><td><input type='checkbox' onclick=onAllCheckBoxClick('" + arr+ "') class = 'all' id ='all'>All</td></tr>";

$.each(arr, function(i, tmp) {
                    trtest = trtest +"<tr><td><input type='checkbox' onclick=onCheckBoxClick('" + this+ "','" + arr+ "') class = 'all' id ='"+tmp+"'/>"+tmp+"</td></tr>";
                });

此代码正常工作我正以这种方式获得4个复选框，

在这里，当我尝试选中All复选框时，必须选择同一表1,2,3中的所有其他复选框。

我尝试将此点击事件添加到全部复选框。

function onAllCheckBoxClick(arr){
        var checked = $('#all').attr('checked');
        if(checked =="checked") {
            $.each(arr.split(","), function(i, tmp) {
                    $('#'+tmp).attr('checked',true);
            }); 
        }

}

问题是当我检查所有它只是在同一个表中检查3（即最后一个复选框），其中1,2未经检查。

但是当我选中All复选框时，我希望检查所有1,2,3个复选框。

有谁可以帮我解决这个问题？

Answer 1

试试这个：

＆＃13;

$(function(){
    $("#master").on("click",function(event){
        $(":checkbox").attr('checked', true);
    });
});

＆＃13;

<a href="#" id="master">Check All</a>
<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>

＆＃13;

Answer 2

只是做其他方式

$('#all').toggle(
    function() { 
        $(':checkbox').attr('checked','checked'); 
    },
    function() { 
        $(':checkbox').removeAttr('checked'); 
    }
);

https://documentation.devexpress.com/#AspNet/CustomDocument8164

Answer 3

＆＃13;

ProgressBarCircularIndeterminate pbci=(ProgressBarCircularIndeterminate)findViewByID(R.id.progressBarCircularIndeterminate);
pbci.bringToFront();

＆＃13;

$(document).ready(function(){
 
 $('#mainChkBox').change(function(){
     $(':checkbox').prop('checked', this.checked);
   });
});

＆＃13;

单击特定复选框时，选中表格中的所有复选框？

3 个答案: