js有几种判断单选按钮是否被选中的方法?

JavaScript014

js有几种判断单选按钮是否被选中的方法?,第1张

js有几种判断单选按钮是否被选中的方法。

如下参考:

1,首先,打开HTML编辑器100年,新的HTML文件,如:索引。html输入问题的代码,如下所示。

2、在index.html中的度<script>标签,输入js代码:

if($("input[type='radio']:checked").val()){

$('body').append('被选中');

}else{

$('body').append('未被选中');

3.当浏览器运行指数,html页面,js输出判断结果是否选择电台,如下列图所示。

当<input type=radio name=radio_name value=radiobutton(单选框) 是动态加入页面时,它的数量有可能为0,1,或者大于1,因此在js 中需要判断单选框是否选中时,就必须循环判断每个单选框的状态,用var obj=document.getelementsbyname('audit_result')就可以得到单选框组合,并可通过obj.length得到它的长度,这样就不用判断它的数量是0,1,或者大于1

<form name=myform action= method= onsubmit=return check()

<input type=radio name=picno value=1

<input type=radio name=picno value=2

<input type=radio name=picno value=3

<input type=submit value=submit</form

<script language=网页特效

function check()...{var flag=0

for(i=0i<myform.picno.lengthi++)

if(myform.picno[i].checked==true)...{flag=1break}

if(!flag)...{

alert(请先选择更换图片的位置)

return false}}

</script方法二<script language=javascript

function checkvalue(){

var obj=document.getelementsbyname(radio_name)

//alert(obj.length)

for (var i=0i<obj.lengthi++){

if(obj[i].checked)

return true}

alert(没有选中!)

return false}

而用var ovar obj=document.all(radio_name)时,当数量为0或1时,obj就是undefined。

js取单选框的值需要循环遍历判断checked属性是否为真。

<!--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 = document.getElementById("list").user//获取id为list下的所有name为user的值的集合

for(var i=0i<radios.lengthi++){//循环值得集合

if(radionum[i].checked){//通过checked属性判断是否被选中

userid = radionum[i].value//将被选择的radio的值赋给变量userid

}

}

alert(userid)//弹出被选中的radio的值

}

</script>