checkbox全选/取消全选以及checkbox遍历jQuery实现代码
下面请跟着图老师小编一起来了解下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