你是不是想用JS来获取用户所选择的复选框的值？
额。。。
你这样试试
看行不
myform表单里复选框的name属性都写成一样的，比如：<input
type="checkbox"
name="theCheckBox"
/>
都写成theCheckBox
然后在JS里documentgetElementByName("theCheckBox")value
1、获取复选框被选中值
<input type="button" id="btn5" value="获得选中的所有值">
<input type="text" name="dd" id="dd" size="50" />
$("#btn5")click(function(){
var str="";
$("[name='checkbox'][checked]")each(function(){
str+=$(this)val()+",";
})
$("#dd")val(str)
})
JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数，需要用到jQuery的size()方法或length属性，下面的例子是通过length属性获得checkbox选中项的个数
<ul>
<li><input type="checkbox" name="test" />看电视</li>
<li><input type="checkbox" name="test" />看**</li>
<li><input type="checkbox" name="test" />上网</li>
<li><input type="checkbox" name="test" />爬山</li>
<li><input type="checkbox" name="test" />游乐场</li>
<li><input type="checkbox" name="test" />逛街</li>
<li><input type="checkbox" name="test" />聚会</li>
</ul>
<p>
<input type="button" id="count" value="有多少CheckBox被选中了？" />
<script type="text/javascript">
$(document)ready(function(){
$('input[type=checkbox]')click(function(){
$(this)attr('disabled','disabled');
if($("input[name='test']:checked")length >= 3)
{ $("input[name='test']")attr('disabled','disabled');}});
$("#count")click(function(){$('input')live('click',function(){
alert($('input:checked')length);
});})})
</script>
效果如图:
扩展资料：
JS日常用途
嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies，包括创建和修改等。
基于Nodejs技术进行服务器端编程。
你要用js获取服务器控件checkbox的值首先要给该控件设一个ClientID，因为原ID通过GridView的转换会发生变化的。在模板中的checkbox可以设置class，然后用js的getElementById获取全选那个复选框的Onchange事件触发。
//
您这问题比模糊确认一下需求吧，
复选框子元素输入框的内容是什么？
点击事件中取得复选框选中的单元格值
var products = [];
var ordernums = [];
var ordernums1 = [];
var $span = $('fr-checkbox-checkon'); //获取选中的复选框
var $tds = $("td")has($span); //定义选中复选框的单元格
var $trs = $("tr")has($tds);
for(var i=0; i<$trslength;i++){
var product = $("td:eq(2)",$($trs[i]))html(); //获取选中行第二个单元格的值
productspush(product); //将选中的值放到数组中
var ordernum = $("td:eq(3)",$($trs[i]))html(); //获取选中行的第3个单元格的值
ordernumspush(ordernum);
var ordernum1 = $("td:eq(6)",$($trs[i]))html(); //获取选中I行的第6个单元格的值
ordernums1push(ordernum1);
}
alert(products + ";" + ordernums + ";" + ordernums1);
————————————————
js:
//js获取复选框值
var obj = documentgetElementsByName("interest");//选择所有name="interest"的对象，返回数组
var s='';//如果这样定义var s;变量s中会默认被赋个null值
for(var i=0;i<objlength;i++){
if(obj[i]checked) //取到对象数组后，我们来循环检测它是不是被选中
s+=obj[i]value+','; //如果选中，将value添加到变量s中
}
jquery:
//jquery获取复选框值
var chk_value =[];//定义一个数组
$('input[name="interest"]:checked')each(function(){//遍历每一个名字为interest的复选框，其中选中的执行函数
chk_valuepush($(this)val());//将选中的值添加到数组chk_value中
});
Html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" ">
可以参考下面的代码：
$(document)ready(function(){
varchecked=[];
$("#submitButton")click(function(){
$('input:checkbox:checked')each(function(){
checkedpush($(this)val());
});
alert(checked);
});
});
扩展资料：
jquery参考函数
$(”元素名称”)html(”<b>new stuff</b>”); 给某元素设置内容
$(”元素名称”)removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值
$(”元素名称”)removeClass(”class”) 给某元素删除指定的样式
$(”元素名称”)text(); 获得该元素的文本
$(”元素名称”)text(value); 设置该元素的文本值为value
参考资料来源：百度百科-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; //定义变量
checkeach(function(i){ //循环拼装被选中项的值
actor_config = actor+','+$(this)val();
});
alert(actor_configsubstr(9)+',');
通过以下js代码去获取选中项的值，在IE7中可以正确取得选中项的值，但在IE8中却得不到选中项的值，同样在Firefox 353下也得不到值，但公司同事在Firefox其他较低版本下能正确得到值，IE6下也没有问题，⊙﹏⊙b汗
$('#permissionList-body input[name="checkboxes"][checked]')each(function(i){
alert($(this)val());
});
但是把技术代码修改为:
$('#permissionList-body input[name="checkboxes"]')each(function(i){
if(thischecked)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(thischecked)判断了 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</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option $("#sel")empty()；//清空下拉框// 清空所有复选框选项 $(":checkbox")attr("checked","");
以上就是关于js document获取多个checkbox全部的内容，包括:js document获取多个checkbox、js怎么取得name=checkbox[]的复选框选中个数、用JS获取gridview中的服务器控件checkbox控件，我先实现全选的功能。但是不知道获取复选框控件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）