JS 怎么控制 checkbox 选中

<script>window.onload=function(){//获取id为check的隐藏域的值(比如“2,5”)//将name为about,value为2和5的c... <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
展开
 我来答
深眠者
高粉答主

2018-08-25 · 每个回答都超有意思的
知道答主
回答量:40
采纳率:0%
帮助的人:8917
展开全部
  • 方法/步骤

    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

隐匿望默念
高粉答主

2018-08-22 · 繁杂信息太多,你要学会辨别
知道答主
回答量:15
采纳率:100%
帮助的人:2164
展开全部

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

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
learneroner
高粉答主

2015-08-16 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6450万
展开全部

思路:获取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、效果演示

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
国侯D
2011-12-02 · TA获得超过118个赞
知道小有建树答主
回答量:182
采纳率:0%
帮助的人:128万
展开全部
我用jquery做的小例子,

<!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
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
QINYANGJIE1
2018-05-23 · TA获得超过1.6万个赞
知道答主
回答量:138
采纳率:0%
帮助的人:7.3万
展开全部
JS 怎么控制 checkbox 选中
<script>
window.onload = function(){
//获取id 为 check 的隐藏域的值(比如“2,5”)
//将name 为 about ,value为2和5的checkbox 设为选中
}
</script>
以上代码怎么写?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式