Question

JS 怎么控制 checkbox 选中

<script>
window.onload = function(){
//获取id 为 check 的隐藏域的值（比如“2,5”）
//将name 为 about ，value为2和5的checkbox 设为选中
}
</script>
以上代码怎么写？
<input type="hidden" id="check" value="2" />
<input type="hidden" id="check" value="5" />
以上不固定，可多可少但id都为check
<input name="about" type="checkbox" value="1" />1
<input name="about" type="checkbox" value="2" />2
<input name="about" type="checkbox" value="3" />3
<input name="about" type="checkbox" value="4" />4
<input name="about" type="checkbox" value="5" />5

Answer 1

思路：获取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
}
}
}
}

3、效果演示

Answer 2

html代码

	<div id="box">
		<input type="checkbox" name="1">-1
		<input type="checkbox" name="2">-2
		<input type="checkbox" name="3">-3
		<input type="checkbox" name="4">-4
		<input type="checkbox" name="5">-5
	</div>
		<input id="text" type="text" name="">
		<button id="but">选择</button>

js代码

		window.onload=function(){
			var otext=document.getElementById('text');
			var obut=document.getElementById('but');
			var obox=document.getElementById('box');
			var oched=obox.getElementsByTagName('input');
			obut.onclick=function(){
				for(var i=0;i<oched.length;i++){
					oched[i].checked=false;
					var name=oched[i].name;
					var arr=otext.value;
					for(var a=0;a<arr.length;a++){
						if(otext.value==''){oched[i].checked=false;}
						else{
							if(name.search(arr[a].split(','))!=-1||name.search(arr[a].split('，'))!=-1){
							oched[i].checked=true;
						}
					}
				}
			}
		}
	}

事例