一份调查问题中，用radio实现的单选题，这里用js检测是否被选中。
代码如下：
<html>
<head>
<title>
有关radio按钮是否被选中-=">
当<input type=radio name=radio_name value=radiobutton（单选框） 是动态加入页面时，它的数量有可能为0，1，或者大于1，因此在js 中需要判断单选框是否选中时，就必须循环判断每个单选框的状态，用var obj=documentgetelementsbyname('audit_result');就可以得到单选框组合，并可通过objlength得到它的长度，这样就不用判断它的数量是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=0;i<myformpicnolength;i++)
if(myformpicno[i]checked==true){flag=1break}
if(!flag){
alert(请先选择更换的位置)
return false}}
</script方法二<script language=javascript
function checkvalue(){
var obj=documentgetelementsbyname(radio_name);
//alert(objlength);
for (var i=0;i<objlength;i++){
if(obj[i]checked)
return true;}
alert(没有选中！);
return false;}
而用var ovar obj=documentall(radio_name);时，当数量为0或1时，obj就是undefined。
<script>
function hideDiv()
{
//以下两个语句，用visibility即使隐藏也占渲染位置，用display相当于将这个div彻底抹掉
documentgetElementById("div1")stylevisibility = "hidden";
documentgetElementById("div2")styledisplay = "none";
}
</script>
<input type="radio" onclick="hideDiv()" />点我
<div id="div1" style="visibility:visible;">123</div>
<div id="div2" style="display:block;">456</div>
上面是让初始显示的层隐藏掉，反过来做就是
<script>
function hideDiv()
{
documentgetElementById("div1")stylevisibility = "visible";
documentgetElementById("div2")styledisplay = "block";
}
</script>
<input type="radio" onclick="hideDiv()" />点我
<div id="div1" style="visibility:hidden">123</div>
<div id="div2" style="display:none">457</div>
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，输入问题基础代码。
2、在indexhtml中的<script>标签，输入js代码：
if ($("input[type='radio']:checked")val()) {
$('body')append('被选中');
} else {
$('body')append('未被选中');
}
3、浏览器运行indexhtml页面，此时js打印了radio是否被选中的判断结果。
以上就是关于js判断radio是不是选中并取值全部的内容，包括:js判断radio是不是选中并取值、angularjs怎么获取到单选框的值、js判断单选框是否选中状态代码等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）