JS 怎么控制 checkbox 选中
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 展开
方法/步骤
1) 通过js的元素选择器选择对应的元素DOM对象,如通过通过元素ID方式获:
var el = document.getElementById('元素ID')2) 获取到DOM对象后,可以通过设置该对象的checked属性来修改其选中状态:
- // 设置元素为选中状态el.checked = true;// 设置元素为未选中状态el.checked = false;
注意事项
如果是通过jQuery则可以直接使用$('#元素ID').attr('checked', true),如果设置为未选中则后面值改为false即可
拓展资料:
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。 [
是一种解释性脚本语言(代码不进行预编译)。
主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
参考资料:百度百科:js
思路:获取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<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代码
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、效果演示
拓展资料
基本特点
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言(代码不进行预编译)。
主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
参考资料来源:百度百科:JS
思路:获取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、效果演示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" >
$(document).ready(function (){
var hiddens = $("input[type='hidden'][name='check']");
$.each(hiddens,function (){
var val=$(this).val();
var checkboxs = $("input[type='checkbox'][name='about'][value="+val+"]");
$.each(checkboxs,function (){
this.checked="checked";
});
});
});
</script>
</head>
<body>
<input type="hidden" name="check" value="1"/>
<input type="hidden" name="check" value="2"/>
<input type="checkbox" name="about" value="1" />1 <br/>
<input type="checkbox" name="about" value="2" />2 <br/>
<input type="checkbox" name="about" value="3" />3 <br/>
</body>
</html>
你说的 “获取id 为 check 的隐藏域的值“ 是不行的,因为ID是唯一标示的,所以我改成了name
<script>
window.onload = function(){
//获取id 为 check 的隐藏域的值(比如“2,5”)
//将name 为 about ,value为2和5的checkbox 设为选中
}
</script>
以上代码怎么写?