checkbox全选/取消全选以及checkbox遍历jQuery实现代码

shxeyjj

shxeyjj

2016-02-19 14:43

下面请跟着图老师小编一起来了解下checkbox全选/取消全选以及checkbox遍历jQuery实现代码,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!
代码如下:
html
head
script src="jquery-1.3.2.min.js" type="text/javascript"/script
/head
body
input type="checkbox" name="chk_list" id="chk_list_1" value="1" /1br /
input type="checkbox" name="chk_list" id="chk_list_2" value="2" /2br /
input type="checkbox" name="chk_list" id="chk_list_3" value="3" /3br /
input type="checkbox" name="chk_list" id="chk_list_4" value="4" /4br /
input type="checkbox" name="chk_all" id="chk_all" /全选/取消全选
script type="text/javascript"
$("#chk_all").click(function(){
$("input[name='chk_list']").attr("checked",$(this).attr("checked"));
});
/script
/body
/html


下面的代码是获取上面实例中选中的checkbox的value值:
代码如下:
script type="text/javascript"
var arrChk=$("input[name='chk_list'][checked]");
$(arrChk).each(function(){
window.alert(this.value);
});
});
/script
展开更多 50%)
分享

猜你喜欢

checkbox全选/取消全选以及checkbox遍历jQuery实现代码

Web开发
checkbox全选/取消全选以及checkbox遍历jQuery实现代码

jQuery checkbox全选/取消全选实现代码

Web开发
jQuery checkbox全选/取消全选实现代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery checkbox全选、取消全选实现代码

Web开发
jquery checkbox全选、取消全选实现代码

JQUERY复选框CHECKBOX全选,取消全选

Web开发
JQUERY复选框CHECKBOX全选,取消全选

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CheckBox 如何实现全选?

Web开发
CheckBox 如何实现全选?

JQUERY CHECKBOX全选,取消全选,反选方法三

Web开发
JQUERY CHECKBOX全选,取消全选,反选方法三

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

解决办法之MySQL忘记超级用户口令

解决办法之MySQL忘记超级用户口令

怎么让UAC不繁忙提示但是不要关闭UAC

怎么让UAC不繁忙提示但是不要关闭UAC
下拉加载更多内容 ↓