js生成checkbox

⑴ 在js中怎么获取checkbox

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：

1、HTML结构

1<inputtype="checkbox"name="test"value="1"/><span>1</span>

2<inputtype="checkbox"name="test"value="2"/><span>2</span>

3<inputtype="checkbox"name="test"value="3"/><span>3</span>

4<inputtype="checkbox"name="test"value="4"/><span>4</span>

5<inputtype="checkbox"name="test"value="5"/><span>5</span>

6<inputtype='button'value='提交'onclick="fun()"/>

2、javascript代码

1functionfun(){

2 obj=document.getElementsByName("test");

3 check_val=[];

4 for(kinobj){

5 if(obj[k].checked)

6 check_val.push(obj[k].value);

7 }

8 alert(check_val);

9}

3、演示效果

⑵ 用Javascript动态创建CheckBox

比如在某个<div id="a"></div>

里面添加版一个权checkBox

document.getElementById("a").innerHTML = "<input type='checkbox' checked />";

⑶ 我要用js动态生成一个checkbox，并且checkbox的value值是动态变化的，例如checkbox被选中时value值等于1。

<script type="text/javascript">
function createCheckBox(){
var cbox = document.createElement("input");
cbox.type="checkbox";
cbox.value = "0";
cbox.onclick = function(e){
this.value = this.checked ? "1" : "0";
}
document.body.appendChild(cbox);

}
window.onload = createCheckBox();
</script>

*****注意*****
程序只为说明问题,并未做任何兼容处理与防内存泄漏(针对IE低版本).具体情况需具体分析.

⑷ 如何通过js实现勾选复选框

js勾选复选框来示例i：源

//获取页面所有checkbox（checkbox的name设置一致）
varitems=document.getElementByName("checkbox的name");
//遍历checkbox
for(vari=0;i<items.length;i++){
//当前checkbox实现勾选
items[i].checked=true;
}

⑸ js 动态生成 checkbox 问题

按照制你上面希望得到的格式，对应的html如下：

<input name="a" type="checkbox" value="1" />
<label for="a">总公司</label>
<input name="b" type="checkbox" value="2" />
<label for="b">分公司</label>

看看上面的html然后看看你js生成的html，知道哪儿有问题了吧！
ps：楼上放屁

⑹ js 怎么循环生成checkbox

$(document).ready(function(){
$("#dcpc_cinema_id").blur(function(){
varlinkId=$("#dcpc_cinema").val();
if(linkId!=""){
vartrigger=setTimeout(function(){
$.ajax({
url:"@Url.Action("QuerySalePrice")",
data:{linkid:linkId},
success:function(data){
varcheckBoxValue=data.split(',');
varchkhtml=[];
for(vari=0;i<checkBoxValue.length;i++){
chkhtml.push('<inputtype="checkbox"value="'+checkBoxValue[i]+'"/><label>'+checkBoxValue[i]+'</label>');
}
$("#输出容器ID").html(chkhtml.join(''));
}
});
},1000);
}
});
});

用这个代码