js实现CheckBox全选全不选

CheckBox全选全不选的js方法

效果：

页面 ：<table style="width: 2350px; table-layout: fixed;" border="0" cellpadding="0" cellspacing="1"
bgcolor="b5d6e6" class="data_table">
<tr class="scrollColThead ">
<td width="100" class="tb_h scrollRowThead scrollCR">
<input type="checkbox" name="checkAll" class="selectAll" onclick="chkChange();" />
<a href="#" onclick="Del_more()">多项删除</a>
</td>
<td width="100" class="tb_h scrollRowThead scrollCR">
商品编号
</td>
<td width="120" class="tb_h scrollRowThead scrollCR">
商品名称
</td>
</tr>
<asp:Repeater ID="InStoOrdRep" runat="server">
<ItemTemplate>
<tr>
 <td class="tb_d scrollRowThead">
<input type="checkbox" class="cb_box" name="chk_delete" value="<%# Eval("Sto_Id") %>" />
</td>
<td title=‘<%# Eval("Sto_ComNum")%>‘ class="tb_d hid_td scrollRowThead ">
<%# Eval("Sto_ComNum")%>
</td>
<td title=‘<%# Eval("Sto_ComName")%>‘ class="tb_d hid_td scrollRowThead ">
<%# Eval("Sto_ComName")%>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>

js代码：

//全选
function chkChange() {
if ($(".selectAll").attr("checked")) {
$(".cb_box").each(function () {
$(this).attr("checked", true);
});
} else {
$(".cb_box").each(function () {
$(this).attr("checked", false);
});
}
}

时间： 2024-08-06 12:29:32

js实现CheckBox全选全不选的相关文章

20160113 JS中CheckBox如何控制全选

//判断CheckBoxzong他的点击事件 $("#CheckBoxzong").click(function () { //取出所有class为选中的集合 var query = $(".xuanzhong"); for (var i = 0; i < query.length; i++) { //把query里面所有的选择状态都变成this的选择状态 query.eq(i)[0].checked = this.checked; } })

asp.net中Repeater结合js实现checkbox的全选/全不选

前台界面代码: <input name="CheckAll" type="checkbox" id="CheckAll" value="" onclick="javascript:FormSelectAll('form1','cboxi','CheckAll',this);" /> //用于选择是否全选的复选框,用javascript函数"FormSelectAll('form1','

JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择

</pre><pre name="code" class="javascript"><span style="font-size:18px;">//点击全选按钮的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo"); var select=document.getElementsByName

JS checkbox 全选 全不选

/* JS checkbox 全选 全不选 Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/> 以下方法各有优劣,使用时根据情况而定. */ //全选(方法一:each 循环) function checkAll() { $.each($("input[name=cbx]"), fun

avalon js实现checkbox全选

转载请注明: TheViper http://www.cnblogs.com/TheViper  duplex双工绑定是avalon绑定里面最有趣的一个,因为它在内部帮开发者做了很多事,让开发者写的代码减少,代码更优雅.下面随便演示一个常见的checkbox全选. 要求:(老掉牙了,还是说一下) 1.勾选了全选框后,下面的子选框全被勾选:没勾选全选框,则子选框全部不勾选 2.子选框如果有一个未勾选,则取消全选框勾选: 3.子选框全部勾选,则勾选全选框 <!DOCTYPE html> <h

JS：checkbox 全选及传值相关

判断checkbox是否被选中. if ($('#checkbox-id').attr('checked')) { // do something } if ($("#checkbox-id")get(0).checked) { // do something } if($('#checkbox-id').is(':checked')) { // do something } 前台传值,后台接收值 <script language="javascript" t

纯JS 实现 点击 全选/全不选 checkbox 功能

html <input id="select_direction" type="button" onclick="select_check();" select_direction="f" value="全选/全不选"/> js // js 全选复选框按钮 function select_check() { // 获取所有input 集合 var obj_input = document.get

纯js实现checkbox的全选、反选、全不选

分开:a. 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="checkbox" id="check_all">全选 <inpu

多选框checkbox全选全不选和反选

在判断多选框中的某一个是否被选中时,我们可以用checked的属性 选中了就返回true,没被选中就返回false; 这是html代码: <form action="#"> <label for="hobby">爱好:</label> <label for="hobby1"> <input type="checkbox" name="hobby" id=