//方法一
function checkAll(){
var chkStatus = document.getElementsByName("option"); "option"为需要全选的name
for(i=0;i<chkStatus.length;i++) {
chkStatus[i].checked = event.srcElement.checked;
}
}
<input type='checkbox' name='option'>全选
//方法二
<script type="text/javascript">
$(document).ready(function(){
//全选||取消
$('#chooseAllCheck').toggle(function(){
$("input[name='titles']").each(function(){
$(this).attr('checked',true);
});
$(this).attr('value',"反选");
},function(){
$("input[name='titles']").each(function(){
$(this).attr('checked',false);
});
$(this).attr('value',"全选");
}
)
});
</script>
<input type="button" id="chooseAllCheck" value="全选"/>
<div>
<div style="width : 400px; line-height: 2.0; font-size: 12px; color: #444; margin: 10px 0 5px 30px;">
<table>
<tr>
<td><input style="margin-right: 5px;" type="checkbox" name="titles" id="1" value="1" alt=""/></td>
<td><input style="margin-right: 5px;" type="checkbox" name="titles" id="2" value="2" alt=""/></td>
<td><input style="margin-right: 5px;" type="checkbox" name="titles" id="3" value="3" alt=""/></td>
<td><input style="margin-right: 5px;" type="checkbox" name="titles" id="4" value="4" alt=""/></td>
</tr>
</table>
</div>
</div>
分享到:
相关推荐
android checkbox全选反选
Checkbox全选反选.html
DataGridView表头添加checkbox实现全选反选
重写DataGridView,在标头添加复选框,实现列中的复选框全选和反选
jquery、js操作checkbox全选反选.docx
js特效制作js checkbox复选框全选 反选 取消全部等设置多个表单里面的checkbox复选框勾选特效。内含js代码下载。
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
js checkbox全选 反选 取消全部设置表单html复选框
三种方式实现checkbox全选,反选,最简单的js技术;基于java代码,简单易懂,提供三3个demo,每一个都能实现
js checkbox全选 反选 取消全部设置表单html复选框勾选
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
通过checkbox,用javascript实现全选与反选,通过servlet对数据库进行批量的删除
实现table表格checkbox复选框的全选 反选.
android ListView中的checkBox全选和反选Demo
模拟select控件,带checkbox,支持全选反选取消插件,测试页面为jsp页面,需要tomcat发布使用
高级控件(datagridview等)中加入checkbox实现全选和反选经典例子
js原生,checkbox全选,反选,选特定的值。jq会更简单。。初学时候比用的
资源名称:JS实现checkbox的全选和反选资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
通过checkbox,用javascript实现全选与反选,通过servlet对数据库进行批量的删除,asp源码
WPF 实现CheckBox全选、反选功能,界面简单实用,功能代码可以很好地套用到自己的项目,希望对有需要的小伙伴有帮助。