jquery获取checkbox选中的值

jquery获取checkbox选中的值，包括全选取消全选反选选中奇数行获取选中的值

这里有一个注意点：使用attr(),会发现代码那里的checked="checked",但是页面input上没有显示出来，所以改成使用prop

下面直接上代码 demo下载

<input type="checkbox" name="xpz" value="1"/>苹果
<input type="checkbox" name="xpz" value="2"/>橘子
<input type="checkbox" name="xpz" value="3"/>梨子
<input type="checkbox" name="xpz" value="4"/>香蕉
<br/><br/>
<input type="button" id="btn1" value="全选">
<input type="button" id="btn2" value="取消全选">
<input type="button" id="btn3" value="选中所有奇数">
<input type="button" id="btn4" value="反选">
<input type="button" id="btn5" value="获得选中的所有值">

$("#btn1").on("click",function(){$("[name='xpz']").prop("checked",'checked');//全选
});$("#btn2").on("click",function(){ $("[name='xpz']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){ $("[name='xpz']:even").prop("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){ $("[name='xpz']").each(function(){ this.checked=!this.checked;})
})
$("#btn5").click(function(){ var chk_value =[];//定义一个数组$('input[name="xpz"]:checked').each(function(){//遍历每一个名字为nodes的复选框，其中选中的执行函数chk_value.push($(this).val());//将选中的值添加到数组chk_value中});var selectId = chk_value.join(",");alert(selectId);
})

jquery获取checkbox选中的值相关推荐

C# 获取 checkbox选中的值
后台获取checkbox选中的值 ck是前台checkbox的name值 string ids = Request.Form["ck"]; ***后台获取到的值自动以", ...
[复选框] 获取checkbox选中的值
版权声明本博文首发于: CSDN 瑾兰 (https://blog.csdn.net/qq_28296925) 博客. 请注意: 无需授权即可转载: 甚至无需保留以上版权声明- - 文章目录一.情 ...
jquery获取select选中的值
误区: 一直以为jquery获取select中option被选中的文本值,是这样写的: $("#id").text(); //获取所有option的文本值实际上应该这样: ...
javascript jquery 获取select选中的值
误区: 一直以为jquery获取select中option被选中的文本值,是这样写的: $("#id").text(); //获取所有option的文本值实际上应该这样: $( ...
webform开发经验（一）：Asp.Net获取Checkbox选中的值
webform中获取repeat控件列表下的checkbox选中的值: 码农上代码: public static string getSelectedIDs(Repeater Rpt_){string ...
通过jQuery获取Select选中的值或文本
如何使用jQuery获取Select元素选中的值或文本呢?本篇文章给出相应的解决方法目录第一步.引入jQuery 第二步.编写一个Select案例第三步.编写获取select选中的值或文本第四 ...
webform计算某几列结果_WebForm获取checkbox选中的值(几个简单的示例)
PS:最近在做权限管理这个模块,发现用checkbox的地方挺多的,于是写了个简单的例子,以供以后学习和使用. 1.前端页面: 张三李四王五赵六孙琦猪八 2.后台方法: #region 获取 ...
IE8下Jquery获取select选中的值的问题
我们一般使用jQuery获取select时,一般这么用: <select id='a'><option selected='selected' value='1'> </ ...
JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值
2019独角兽企业重金招聘Python工程师标准>>> JQuery是一个非常容易上手的框架,但是有很多东西需要我们深入学习的. 判断checkbox是否被选中网上有选多种写法,这里 ...

jquery获取checkbox选中的值

jquery获取checkbox选中的值相关推荐

最新文章

热门文章