<input type="checkbox" name="checkbox_name[]" id="checkbox_name_1" />1<br />
<input type="checkbox" name="checkbox_name[]" id="checkbox_name_2" />2<br />
<input type="checkbox" name="checkbox_name[]" id="checkbox_name_3" />3<br />
<input type="checkbox" name="checkbox_name[]" id="checkbox_name_4" />4<br />
<input type="checkbox" name="checkedAll" id="checkedAll"/>全选/取消全选
<script type="text/javascript">
<!--
j_q(function() {
j_q("#checkedAll").click(function() {
if (j_q(this).attr("checked") == true) { // 全选
j_q("input[@name='checkbox_name[]']").each(function() {
j_q(this).attr("checked", true);
});
} else { // 取消全选
j_q("input[@name='checkbox_name[]']").each(function() {
j_q(this).attr("checked", false);
});
}
});
});
//-->
</script>
分享到:
相关推荐
JQuery实现checkbox的全选取消全选
本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。 使用click事件,根据...
jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...
本文主要向大家展示了一段使用jQuery实现checkbox全选的方法,以及编写此方法的背景和过程,非常详细,这里推荐给小伙伴们。
NULL 博文链接:https://xdwangiflytek.iteye.com/blog/1343416
废话不多说了,直接给大家贴代码了,具体代码如下所示: <...jQuery实现CheckBox全选、全不选</title> [removed][removed] [removed] $(function() { $(':checkbox').click(function(evt)
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
jquery、js操作checkbox全选反选.docx
jquery实现checkbox全选、取消全选的代码。
本篇文章主要是对jquery实现checkbox全选全不选的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
主要介绍了jQuery实现checkbox全选功能,结合完整实例形式分析了jQuery事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
jquery实现全选和全不选,只要有一个复选框没有选中,全选框不选中;
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
主要介绍了jquery操作checkbox实现全选和取消全选,需要的朋友可以参考下
页面上通过一个checkbox实现全选与反选
本文实例讲述了jQuery实现table表格checkbox全选的方法。分享给大家供大家参考,具体如下: 今天在页面中使用jQuery实现了全选框操作,如图: 具体的实现过程很简单: 第一步 设计一个简单的表格: 设置表格列标题...