关于jquery获取checkbox的信息-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

关于jquery获取checkbox的信息

jquery获取div中checkbox 选中的个数

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");

jQuery获取表格中checkbox被选中一行的属性数据

当都选其中某几项时,如果需要给服务端ajax传递对应项的id值,该如何做呢?

思路应该是这样的:

①获取被勾选项(即checked的checkbox所在行)

②将id存在checkbox所在input的自定义属性中,如 data-id 中

③创建空数组,遍历被选中的checkbox所在行,获取对应的 data-id 值,存入数组中

④将存入的数组转化为字符串,并用逗号隔开(join(','))

jQuery如何获取checkbox中的value值?

大体思路就是把你要的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


当前名称:关于jquery获取checkbox的信息
文章路径:http://kswsj.cn/article/phjcoh.html

其他资讯