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

2016-02-19 14:43 36 1 收藏

下面请跟着图老师小编一起来了解下checkbox全选/取消全选以及checkbox遍历jQuery实现代码，精心挑选的内容希望大家喜欢，不要忘记点个赞哦！

【 tulaoshi.com - Web开发】

代码如下:
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

来源:http://www.tulaoshi.com/n/20160219/1607706.html

上一篇：解决办法之MySQL忘记超级用户口令
下一篇：怎么让UAC不繁忙提示但是不要关闭UAC

看过《checkbox全选/取消全选以及checkbox遍历jQuery实现代码》的人还看了以下文章更多>>

Jquery操作radio,checkbox,select表单操作实现代码

标签： Web开发

一、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("...

jquery 页面全选框实践代码

标签： Web开发

代码如下： html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" title全选/title /head body divdemo input type="button" onclick="alert(ob.checkedIds());" value="选中ID"/ input type="button" onclick="alert(ob.checkedTexts());" value="选中值"/ input type="button" onclick="alert(ob.checked...

jquery 实现的全选和反选

标签： Web开发

代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / style type="text/css" #newsTable{margin:100px auto;} /style scrip...

javaScript实现checkbox多项选择

标签： Web开发

其实挺简单的，刚好今天有用到，顺手记一下，以后用就copy好了 . script language="javaScript" //全选或全部不选 function checkall(){ var isChecked=(document.ck.checkAll.checked == true); ...

jquery checkbox,radio是否选中的判断代码

标签： Web开发

1：判断radio 代码如下： var selected = $('input[name=selectid:checked]').val();//若未被选中则val() = null if(selected == null){ alert("未选中！"); }else{ alert("选中！"); } 2：判断checkbox 代码如下： var n = $("input:checked").length; if(n==0){ alert("未选中！"); }else{ alert("选中！"); } $("...

查看更多精彩>>