正文
jquery获取复选框,jquery获取复选框选中的长度
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery怎样获取多个复选框的值？
可以参考下面的代码：
$(document).ready(function(){
varchecked=[];
$("#submitButton").click(function(){
$('input:checkbox:checked').each(function(){
checked.push($(this).val());
});
alert(checked);
});
});
扩展资料：
jquery参考函数
$(”元素名称”).html(”bnew stuff/b”); 给某元素设置内容
$(”元素名称”).removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值
$(”元素名称”).removeClass(”class”) 给某元素删除指定的样式
$(”元素名称”).text(); 获得该元素的文本
$(”元素名称”).text(value); 设置该元素的文本值为value
参考资料来源：百度百科-jQuery
相关问答
Q1: jquery怎样获取左右选择框的值
jquery的遍历方法可以获取复选框所欲的选中值
$("input:checkbox:checked").each(function(index,element)); // 为所有选中的复选框执行函数，函数体中可以取出每个复选框的值
$("input:checkbox:checked").map(function(index,domElement)); // 将所有选中的复选框通过函数返回值生成新的jQuery 对象
实例演示：点击按钮获取checkbox的选中值
创建Html元素
div class="box"
span点击按钮获取checkbox的选中值：/spanbr
div class="content"
input type='checkbox' name='message' value='1'/发送短信
input type='checkbox' name='message' value='2'/发送邮件
/div
input type="button" value="提交"
/div
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
编写jquery代码
$(function(){
$("input:button").click(function() {
text = $("input:checkbox[name='message']:checked").map(function(index,elem) {
return $(elem).val();
}).get().join(',');
alert("选中的checkbox的值为："+text);
});
});
Q2: jQuery如何获取复选框选中项后的文字？
1、创建如下结构的测试文件-- Content，-- jquery-1.11.3.min.js，-- JquerySelect.html。
2、【获取】下拉框【选中值】：使用【.val()】。
3、【获取】下拉框【选中文本】：使用【.find("option:selected").text()】。
4、【获取】下拉框选中项的【索引】：使用【.get(0).selectedIndex】。
5、通过【value】值【设置】下拉框的选中项：使用【.val("value值")】。
6、通过【text】值【设置】下拉框的选中项。
7、通过【value】值【删除】下拉框的一个选项。
8、通过【text】值【删除】下拉框的一个选项。
Q3: jquery怎么得到复选框值
复制的：
HTML 代码:
form
input type="checkbox" name="newsletter" checked="checked" value="Daily" /
input type="checkbox" name="newsletter" value="Weekly" /
input type="checkbox" name="newsletter" checked="checked" value="Monthly" /
/form
jQuery 代码:
$("input:checked")
结果:
[ input type="checkbox" name="newsletter" checked="checked" value="Daily" /, input type="checkbox" name="newsletter" checked="checked" value="Monthly" / ]
var check = $("input:checked"); //得到所有被选中的checkbox
var actor_config; //定义变量
check.each(function(i){ //循环拼装被选中项的值
actor_config = actor+','+$(this).val();
});
alert(actor_config.substr(9)+',');
通过以下js代码去获取选中项的值，在IE7中可以正确取得选中项的值，但在IE8中却得不到选中项的值，同样在Firefox 3.5.3下也得不到值，但公司同事在Firefox其他较低版本下能正确得到值，IE6下也没有问题，⊙﹏⊙b汗
$('#permissionList-body input[name="checkboxes"][checked]').each(function(i){
alert($(this).val());
});
但是把技术代码修改为:
$('#permissionList-body input[name="checkboxes"]').each(function(i){
if(this.checked)alert($(this).val());
});===========================================================================$('#permissionList-body input[name="checkboxes"][checked]')$('#permissionList-body input[name="checkboxes"][checked='checked']')这两种写法支持IE$('#permissionList-body input[name="checkboxes"][checked='true']')
这种支持firefox
没有找到好的解决方法，只有加if(this.checked)判断了 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].selectedIndex = 1;radio单选组的第二个元素为当前选中值$('input[@name=items]').get(1).checked = true;获取值：文本框，文本区域：$("#txt").attr("value")；多选框checkbox：$("#checkbox_id").attr("value")；单选组radio： $("input[@type=radio][@checked]").val();下拉框select： $('#sel').val();控制表单元素：文本框，文本区域：$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容多选框checkbox： $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 $("option value='1'1111/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option $("#sel").empty()；//清空下拉框// 清空所有复选框选项 $(":checkbox").attr("checked","");
Q4: Jquery实现复选框全选与全不选
1、首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。
2、然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。
3、这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。
4、然后通过prop来设置input的属性即可设置全选了，prop是jq自带的一个方法。
5、因为CheckBox可以设置checked属性，所以我们把它设置为true即可。
6、最后预览，可以看到CheckBox都被checked中了，这样就达到全选了。
Q5: jquery获取div中checkbox 选中的个数
1．HTML结构
input type = "checkbox" name = "test" value = "1" / span 1 / span
input type = "checkbox" name = "test" value = "2" / span 2 / span
input type = "checkbox" name = "test" value = "3" / span 3 / span
input type = "checkbox" name = "test" value = "4" / span 4 / span
input type = "checkbox" name = "test" value = "5" / span 5 / span
2．Javascript代码：
函数show（）｛
Obj文件。getElementsByName（“测试”）；
Check＿val＝［］；
For（kinobj）｛
如果（obj［k］。检查）
Check＿val。Push（obj［k］。值）；
｝
警报（check＿val）；
｝
扩展资料：
JQuery对复选框的各种操作：
1．根据id获取复选框：
＄（＂＃cbCheckbox1＂）；
2．得到所有的复选框：
＄（＂input［type＝＇checkbox＇］＂）；／／或
＄（＂input［name＝＇cb＇］＂）；
3．获得所有选中的复选框：
＄（＂input：thecheckboxchecked＂）；／／或
＄（＂input：［type＝＇checkbox＇］：checked＂）；／／或
＄（＂input［type＝＇checkbox］：checked＂）；／／或
＄（＂input：［name＝＇ck＇］：checked＂）；
