[JavaScript知识库]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字符串