今天给各位分享javascriptradio判断的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
1、javascript中判断radio是否被选中2、Javascript 如何判断其中一个radio被选中3、js判断radio是不是选中并取值
javascript中判断radio是否被选中
可以直接用javascript里面radio自带属性checked,去判断radio是否被选中。
下面是代码,仅供参考;
html
script type=”text/javascript”
function selectradio()
{
var arr=document.getElementsByName(“radio1”);
for(var i=0;iarr.length;i++)
{
if(arr[i].checked)
{
alert(arr[i].value)
}
}
}
function selectcheck()
{
var acc=document.getElementsByName(“checkbox1”);
var str=””;
for(var i=0;iacc.length;i++)
{
if(arr[i].checked)
{
str+=acc[i].value+”,”;
}
alert(str);
}
}
function selectselect()
{
var ass=document.getElementById(“select1”);
alert(ass.options[ass.selectedIndex].text+”:”+ass.options[ass.selectedIndex].value);
}
/script
body
div align=”center”
form
input type=”radio” name=”radio1″ value=”111″ /br/
input type=”radio” name=”radio1″ value=”222″ /br/
input type=”radio” name=”raido1″ value=”333″ /br/
input type=”button” name=”submit2″ value=”” /
br/
br/
input type=”checkbox” name=”checkbox1″ value=”111″ /br/
input type=”checkbox” name=”checkbox1″ value=”222″ /br/
input type=”checkbox” name=”checkbox1″ value=”333″ /br/
input type=”button” name=”submit” vlaue=”按钮” /
br/
br/
select name=”select” id=”select1″
option value=”111″第一项/option
option value=”222″第二项/option
option value=”333″第三项/option
/select
input type=”button:” name=”submit3″ value=”按钮” /
br/
br/
/form
/div
/body
/html
Javascript 如何判断其中一个radio被选中
Javascript判断哪一个radio被选中,可以用jquery的选择器方便的找到和判断。
选择器的写法像这样$(“[name=radio的name]:checked”)。
这是针对此问题的测试页面。
1、这是html代码,有2个ratio,name都是”sex”,值分别为”男”和”女”
男:
input type=”radio” name=”sex” value=”男” /
br /
女:
input type=”radio” name=”sex” value=”女” /
br/
br/
button id=”button”
选中的性别是
/button
2、在javascript代码中,绑定按钮事件,点击时用选择器判断哪个ratio选中并弹窗。
$(function() {
$(“#button”).click(function() {
var val = $(“[name=sex]:checked”).val();
val = val || ‘未选中’;
alert(val);
});
});
这是运行效果
js判断radio是不是选中并取值
思路:在html中获取被选中的radio的值,即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。
步骤如下:
radio代码片断:
定义两个单选按钮
input type=”radio” name=”a1″ value=”1″/正确
input type=”radio” name=”a1″ value=”0″ /错误
js代码如下:
var b1= document.getElementsByName(‘a1’); ‘取得单选按钮的数组
for (var i = 0; i b1.length; i++) {
if (b1[i].checked == true) {//如果选中,下面的alert就会弹出选中的值
alert(b1[i].value); ’弹出取得的数据
}
}
定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。
另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。
javascriptradio判断的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于、javascriptradio判断的信息别忘了在本站进行查找喔。