js获取多选框选中状态

1.html部分

<input class="checkbox" type="checkbox" name="demo" checked="checked">字段1<input type="text" name="value" placeholder="" value="" >
<input class="checkbox" type="checkbox" name="demo" checked="checked">字段2<input type="text" name="value" placeholder="" value="" >
<input class="checkbox" type="checkbox" name="demo" checked="checked">字段3<input type="text" name="value" placeholder="" value="" >
<input class="checkbox" type="checkbox" name="demo" checked="checked">字段4<input type="text" name="value" placeholder="" value="" >


<input class="checkbox" type="checkbox" id=“id1” checked="checked">字段5




2.js部分

这个是获取单独的一条信息的选中状态

if(document.getElementById('id1').checked){
	alert('选中状态');
    console.log($("#id1").val());
}

这个是循环获取多条数数据

var json = '';
$("input[name=demo]").each(function(){
	if ($(this).prop("checked")){
		json = json  +'"'+ $(this).parent().text() +'":'+ $(this).next("input[name=value]").val() + ',';
	}			
});

//同时获取该checkbox后面的值,以在后面的name属性为value的input里面的值,并且拼接成json字符串

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值