js原生 两个checked 单选的判断怎么写

js原生 两个checked 单选的判断怎么写,第1张

在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读取复选框的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9463661.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存