1.HTML结构
创新互联建站是一家专注于网站制作、做网站与策划设计,广饶网站建设哪家好?创新互联建站做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:广饶等地区。广饶做网站价格咨询:028-86922220
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");
当都选其中某几项时,如果需要给服务端ajax传递对应项的id值,该如何做呢?
思路应该是这样的:
①获取被勾选项(即checked的checkbox所在行)
②将id存在checkbox所在input的自定义属性中,如 data-id 中
③创建空数组,遍历被选中的checkbox所在行,获取对应的 data-id 值,存入数组中
④将存入的数组转化为字符串,并用逗号隔开(join(','))
大体思路就是把你要的checkbox的元素遍历一下,然后取当前的value值,要使用jq内置的val()方法,代码如下:
form onsubmit="return false;"
input type="checkbox" value="三人行慕课1(3mooc.com)" name="check"三人行慕课1/input
input type="checkbox" value="三人行慕课2(3mooc.com)" name="check"三人行慕课2/input
input type="checkbox" value="三人行慕课3(3mooc.com)" name="check"三人行慕课3/input
input type="checkbox" value="三人行慕课4(3mooc.com)" name="check"三人行慕课4/input
input type="checkbox" value="三人行慕课5(3mooc.com)" name="check"三人行慕课5/input
button选中是谁/button
/form
script src="引入jquery.js"/scriptscript type="text/javascript"$(function(){ $("button").click(function(){ $.each($('input:checkbox:checked'),function(){ console.log( $(this).val() ); }); })})/script