js動態設置checkbox選中

⑴ 如何用js的函數控制checkbox是否被選中

<input type="checkbox" id="test" /> 這是要給checkbox

<button onclick='check()'>test</butto

functioncheck(){
varcheckbox=document.getElementById('test');//
alert(checkbox.checked);//是否被選中
if(checkbox.checked){
//選中了
}else{
//沒選中
}
}

checked屬性就是用來表示是否選中的

⑵ 求javascript checkbox 選中事件代碼

首先通過getElementById或其它方式獲得這些對象obj，然後判斷obj.checked = true或false就可以了。

例:

<input id='bigclassauthorize' type='checkbox' onclick='testClickBigCheckBox()'/>

<input id='smallclassauthorize1' type='checkbox'/>

<input id='smallclassauthorize2' type='checkbox'/>

....

function testClickBigCheckBox(){

var big = document.getElementById('bigclassauthorize');

var small1 = document.getElementById('smallclassauthorize1');

var small2 = document.getElementById('smallclassauthorize2');

if(big.checked == true){

small1.checked = true;

small2.checked = true;

}else{

small1.checked = false;

small2.checked = false;

}

}

代碼可以精簡或者封裝,這里只是簡單的描述一下基本做法，以上是大項被選中的事件處理，小項的原理差不多。

(2)js動態設置checkbox選中擴展閱讀：

思路：獲取checkbox對象，根據value屬性設置checkbox的checked屬性（true為選中，false為取消選中）。下面實例演示——根據文本框的制定值設置復選框的選中項：

1、HTML結構

<input name="test" type="checkbox" value="1" />item-1

<input name="test" type="checkbox" value="2" />item-2

<input name="test" type="checkbox" value="3" />item-3<br>

<input name="test" type="checkbox" value="4" />item-4

<input name="test" type="checkbox" value="5" />item-5<br>

<input type="text" id="val"><input type="button" value="確定" onclick="fun()">

2、javascript代碼

function fun(){

var val = document.getElementById("val").value.split(",");

var boxes = document.getElementsByName("test");

for(i=0;i<boxes.length;i++){

for(j=0;j<val.length;j++){

if(boxes[i].value == val[j]){

boxes[i].checked = true;

break

}

}

}

}

⑶ js為input 設置checkbox元素屬性並設為選中狀態

推薦使用兼容瀏覽器方式。

⑷ 如何使用javascript來設置checkbox的選中狀態

1、定義一個checkbox節點<input type='checkbox' id='iptchk'/>；
2、根據id獲取checkbox節點var chk = document.getElementById('iptchk');//通過getElementById獲取節點；
3、通過checked設置為回true，變checkbox為選中狀態答chk.checked = true;//設置checked為選中狀態。

⑸ js怎麼給checkbox設置為選中

純生的js是
document.getElementById("a").checked="checked";//a是要選中元素的id屬性

可以用jq
$("#a").prop("checked","checked");
其他問題繼續問。

⑹ js控制checkbox的選中,同意協議

提供兩種方案參考:
1.在點提交按鈕的時候驗證checkbox是否選中
function confirmBox(){
var confirmBox = document.getElementById("cbId");//cbId為checkbox的ID
if(confirmBox.checked){
form.submit();
}else{
alert("請同意協議");
return false;
}
}

2. 隱藏提交按鈕,選中checkbox後,才允許出現
初始化時disable掉提交按鈕:<input id="submitBtn " type="button" disabled="disabled"/>
var confirmBox = document.getElementById("cbId");//cbId為checkbox的ID
var submitBtn = document.getElementById("submitBtn");//submitBtn為提交表單按鈕的ID
function confirmBox(){
if(confirmBox.checked){
submitBtn.removeAttribute("disabled");
}else{
submitBtn.disabled="true";
}
}