在js中怎么判断哪个单选按钮该被选中 15
根据升级包文件,如果上传的文件扩展名为apk就默认选中手机端升级包,如果上传文件为jar的就默认让电脑端升级包被选中。在js中该怎么。我现在已经拿到了上传文件的扩展名,就是不知道如何写让单选按钮被选中。哪位大侠指导下。本人新手
T___小白 | 浏览 14364 次
推荐于2016-03-21 16:06:22最佳答案
js取单选框的值需要循环遍历判断checked属性是否为真。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!--html-->
<form id="list" method="post" action="">
<input type="radio" name="user" value="1">1
<input type="radio" name="user" value="2">2
<input type="radio" name="user" value="3">3
</form>
<!--js-->
<script language="javascript">
function usubmit(action){//获取radio的value的方法
var radios = documentgetElementById("list")user;//获取id为list下的所有name为user的值的集合
for(var i=0;i<radioslength;i++){//循环值得集合
if(radionum[i]checked){//通过checked属性判断是否被选中
userid = radionum[i]value//将被选择的radio的值赋给变量userid
}
}
alert(userid)//d出被选中的radio的值
}
</script>
一开始不能取到值,是因为页面字加载的时候,第一个radio已经默认选中,没有触发onclick事件。
可以加个onload事件,
windowonload = function() {
var radios = documentgetElementsByName("RadioGroup1");
for (var i = 0, len = radioslength; i < len; i++) {
if(radios[i]checked){
documentgetElementById("demo")innerHTML = radios[i]value;
}
}
}
思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。
实例演示如下:
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span><input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>
2、javascript代码
function fun(){obj = documentgetElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k]checked)
check_valpush(obj[k]value);
}
alert(check_val);
}
3、演示效果
<input type="checkbox" id="box" value="sss1"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="button" name="btnOK" value="确定"/>
<script for = btnOK event=onclick>
var value="";
for (var i=0;i<boxlength;i++ ){
if(box[i]checked){ //判断复选框是否选中
value=value+box[i]value + " "; //值的拼凑 具体处理看你的需要,
}
}
alert(value);//输出你选中的那些复选框的值
</script>
问题描述不清啊,(第四个在选取状态下,其他三个改变,第四个回选取状态)
第四个已经是选取状态了,怎么还要回到选取状态呢?
你的意思是不是,只要其他三个的状态发生改变,那么第四个就变成选中呢,如果是的话
那么,直接给其他三个添加onclick事件,点击一下第四个就选中
<script>function ttt(){
documentgetElementById('chk4')checked=true;
}
</scrip
<input type='checkbox' id='chk1' onclick='ttt();' />
<input type='checkbox' id='chk2' onclick='ttt();' />
<input type='checkbox' id='chk3' onclick='ttt();' />
<input type='checkbox' id='chk4' />
1、定义一个checkbox节点
1
<input type='checkbox' id='iptchk'/>
2、根据id获取checkbox节点
1
var chk = documentgetElementById('iptchk');//通过getElementById获取节点
3、通过checked设置为true,变checkbox为选中状态
1
chkchecked = true;//设置checked为选中状态
(1)input的checked是一个html属性,checked的值没有意义,只不过各个版本对HTML的属性值写法规定不同才有了checked="value"这种写法,只要有checked就表示页面在加载的时候checkbox被选中,没有写就页面加载的时候checkbox就不被选中。
(2)同一个页面中用js获取checkbox是否选中:documentgetElementById("checkboxId")checked
(3)jsp中在提交时,浏览器会把选中的CheckBox的Value值,添加到一个String数组当中。在Servlet(jsp)中用 String[] chk = requestgetParameterValues("CheckBox的名字");就能可到所有被选择的CheckBox值,如果没有选择则数组:chk 为null。
自己测试下就知道了
以上就是关于js原生 两个checked 单选的判断怎么写全部的内容,包括:js原生 两个checked 单选的判断怎么写、单选按钮中设置了checked="checked"为默认时,利用JS获取单选按钮的值的,一开始不能获取到默认的值、如何用js读取复选框的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)