本文目录一览：
如何用js 给checkbox
思路：获取checkbox对象，根据value属性设置checkbox的checked属性（true为选中，false为取消选中）。下面实例演示——根据文本框的制定值设置复选框的选中项：
1、HTML结构
1
2
3
4
5
6
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
input name=”test” type=”checkbox” value=”4″ /item-4
input name=”test” type=”checkbox” value=”5″ /item-5
input type=”text” id=”val”input type=”button” value=”确定” onclick=”fun()”
2、javascript代码
1
2
3
4
5
6
7
8
9
10
11
12
function fun(){
var val = document.getElementById(“val”).value.split(“,”);
var boxes = document.getElementsByName(“test”);
for(i=0;iboxes.length;i++){
for(j=0;jval.length;j++){
if(boxes[i].value == val[j]){
boxes[i].checked = true;
break
}
}
}
}
3、效果演示
js如何实现复选框的多级联动
1、为 复选框的 onclick 事件 绑定js 方法
2、在 js 方法中，判断复选框当前值
2.1、如果选中，将关联的复选框也选中
2.2、如果没有选中，将关联的复选框取消选中
js中怎么获取checkbox选中的值
js中获取checkbox选中的值的方法：
script
function checkbox()
{
var str=document.getElementsByName(“box”);
var objarray=str.length;
var chestr=””;
for (i=0;iobjarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+”,”;
}
}
if(chestr == “”)
{
alert(“请先选择一个爱好”);
}
else
{
alert(“先择的是：”+chestr);
}
}
/script
选择爱好：
input type=”checkbox” name=”box” id=”box1″ value=”跳水” /跳水
input type=”checkbox” name=”box” id=”box2″ value=”跑步” /跑步
input type=”checkbox” name=”box” id=”box3″ value=”听音乐” /听音乐
input type=”button” name=”button” id=”button” onclick=”checkbox()” value=”提交” /
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/190824.html
微信扫一扫 
支付宝扫一扫 