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