⑴ checkbox的单击事件没有反应,选中任意复选框,其他两个复选框就取消选中,但是为什么js没有反应
因为你这从逻辑上来说是有冲突的,比如说当checkbox1选中时,你再点击checkbox2想让它选中(checkbox1和checkbox3则取消选中),这时程序执行到第一个if判断,由于checkbox1是选中的,因此checkbox2和checkbox3就会被取消选中(即使checkbox2被点击的瞬间是选中的),那么后面的第二个和第三个if判断就无论如何也不会执行了。
其实你改用单选框不就好了吗?连一行代码都不用写。复选框顾名思义就是用来多选的,强制让它单选简直是反人类啊。
如果非要用复选框,那就这样:
<script type="text/javascript">
function check_count(id,me){
var checkbox1=document.getElementById("bzy1_"+id);
var checkbox2=document.getElementById("bzy2_"+id);
var checkbox3=document.getElementById("shy_"+id);
if(me.checked){
checkbox1.checked=checkbox1==me;
checkbox2.checked=checkbox2==me;
checkbox3.checked=checkbox3==me;
}
}
</script>
然后调用的时候要这样:
onclick="check_count('a',this);"
⑵ js如何判断checkbox是否选中js怎么判断checkbox是否选中
如何js验证复选框是否被选中
建议取标签名:<输入类型=myCheckBox//循环数组,输出选中按钮的值for(varI=0;我选中的是”。chkArray[i]。值);}}JS中的checked是什么意思?
首先JS中的checked是inputtype="checkbox">和inputtype="radio">的一种属性,表示该项是不是被选择了。
它是有两种定义方式的分别是:一、在input标签中定义:
1.inputtype="checkbox"checked=true>表示该项被选择。2.inputtype="checkbox">表示该项不被选择。
注意:如果是不被选择就不用写checked属性了。如果你写了,不管checked的值是什么,都是被选择。原因:html是一种宽松的标记语言,会忽略你的checked=false中的false,所以结果还是被选中。
二、在加载的javascript中设置:
1.objs.checked=true的意思就是该input元素的checked的值是true,就是该input被选中。2.objs.checked=false的意思就是该input元素的checked的值是false,就是该input不被选中。你那个既然把所有的input元素都遍历了一遍,然后又都给了true值,也就是全选了。
怎么获取checkbox选中状态方法?
(1)input的checked是一个html属性,checked的值没有意义,只不过各个版本对HTML的属性值写法规定不同才有了checked=value这种写法,只要有checked就表示页面在加载的时候checkbox被选中,没有写就页面加载的时候checkbox就不被选中。
(2)同一个页面中用js获取checkbox是否选中:document.getElementById(checkboxId).checked(3)jsp中在提交时,浏览器会把选中的CheckBox的Value值,添加到一个String数组当中。
在Servlet(jsp)中用Stringchk=request.getParameterValues(CheckBox的名字);就能可到所有被选择的CheckBox值,如果没有选择则数组:chk为null。自己测试下就知道了
asp怎么设置复选框?
1.InStr()start可选参数。为数值表达式,设置每次搜索的起点。如果省略,将从第一个字符的位置开始。如果start包含Null,将发生错误。如果指定了compare参数,则一定要有start参数。
2.string1必要参数。接受搜索的字符串表达式。string2必要参数。被搜索的字符串表达式。Compare可选参数。指定字符串比较。如果compare是Null,将发生错误。如果省略compare,OptionCompare的设置将决定比较的类型。
3.compare参数设置为:常数值vbUseCompareOption-1说明:使用OptionCompare语句设置执行一个比较。
4.vbBinaryCompare0,说明:执行一个二进制比较。vbTextCompare1说明:执行一个按照原文的比较。vbDatabaseCompare2说明:仅适用于MicrosoftAccess,执行一个基于数据库中信息的比较。
5.ASP代码运行结果是html代码,不存在说用asp为勾选筛选框,这个勾选复选框就是用JS代码+HTML实现。
6.先判断该行是否被选中,选中的话,就将这条数据添加到一个数组中去,然后将这个数组数据一条一条的读出来并插入到数据库中。
js怎么实现全选和取消全选的功能?
主要需要完成的功能有两个:
1.选择上面的全选按钮之后下面的按钮全部被选中,取消全部的按钮就取消全选。
2.每次点击下面按钮就去检查是不是所有的按钮都选中了,要是所有的按钮都选中了把最上面的全选按钮就要选中,要是有一个没选中上面全选按钮就不选中。
实现思路:
1.针对第一个功能,可以采用一个flag变量来判断,设置初始值为0也就是全选按钮不选中,然后点击全选按钮判断,判断flag是否为0,如果为0就把所有的下面按钮选中,同时把flag变为1,如果flag为1,则把下面的按钮的checked都变为false,同时把flag变为0。
2.针对第二个功能就要相对复杂一点。给下面的按钮添加循环点击事件,然后把temp变量设为true,然后再循环判断是不是所有按钮的checked都为true,如果有一个为false就把temp变为false,最后把temp的值赋给全选按钮的checked。
js如何异步获取checkbox的值?
通过ajax衣服掉用来获取checkbox的值,ajax就是异步调用,异步与后台的交互。
⑶ js如何实现选中checkbox时,其他元素都非活性
1、首先,给需要控制的元素添加一个类名,比如disabled。
2、给checkbox添加一个onchange事件监听器。
3、在事件处理函数中,获取到需要控制的元素,遍历它们,将它们的disabled属性设置为与checkbox状态相反的值。
⑷ JS 怎么控制 checkbox 选中
思路:获取checkbox对象,根据value属性设置checkbox的checked属性(true为选中,false为取消选中)。下面实例演示——根据文本框的制定值设置复选框的选中项:
1、HTML结构
<inputname="test"type="checkbox"value="1"/>item-1
<inputname="test"type="checkbox"value="2"/>item-2
<inputname="test"type="checkbox"value="3"/>item-3<br>
<inputname="test"type="checkbox"value="4"/>item-4
<inputname="test"type="checkbox"value="5"/>item-5<br>
<inputtype="text"id="val"><inputtype="button"value="确定"onclick="fun()">
2、javascript代码
functionfun(){
varval=document.getElementById("val").value.split(",");
varboxes=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、效果演示
⑸ JS中怎么获取checkbox选中的值
有两种方抄法:
1、方法一HTML结构如下:
⑹ js实现checkbox全选、不选与反选的方法
本文实例讲述了js实现checkbox全选、不选与反选的方法。分享给大家供大家参考。具体分析如下:
一、思路:
1.
获取元素
2.
给全选
不选
反选添加点击事件
3.
用for循环checkbox
4.
把checkbox的checked设置为true即实现全选
5.
把checkbox的checked设置为false即实现不选
6.
通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态。
二、html代码:
<input
type="button"
value="全选"
id="sele"/>
<input
type="button"
value="不选"
id="setinterval"/>
<input
type="button"
value="反选"
id="clear"/>
<div
id="checkboxs">
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
<input
type="checkbox"/><br
/>
</div>
三、js代码:
<script>
window.onload=function(){
var
sele=document.getElementById('sele');//获取全选
var
unsele=document.getElementById('setinterval');//获取不选
var
clear=document.getElementById('clear');//获取反选
var
checkbox=document.getElementById('checkboxs');//获取div
var
checked=checkbox.getElementsByTagName('input');//获取div下的input
//全选
sele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=true
}
}
//不选
unsele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=false
}
}
//反选
clear.onclick=function(){
for(i=0;i<checked.length;i++){
if(checked[i].checked==true){
checked[i].checked=false
}
else{
checked[i].checked=true
}
}
}
}
</script>
希望本文所述对大家的javascript程序设计有所帮助。
⑺ 在js中怎样获得checkbox里选中的多个值
利用name属性值获取checkbox对象,然后循环判断checked属性,true表示被选中,false表示未选中。
1、HTML结构:
二、后台获得参数为:
//获得的均为数组值:
String checboxValues=request.getParameter("checboxValue")。
String checboxTexts=request.getParameter("checboxText")。
//得到每个具体值:
String checboxValue=checboxValues.split(",")。
String checboxText=checboxTexts.split(",")。