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

用這個代碼