Javascript 在没有循环的组中获取单选按钮的输入值

Javascript 在没有循环的组中获取单选按钮的输入值,javascript,html,domdocument,Javascript,Html,Domdocument,我需要获得哪个单选按钮是使用纯javascript(无JQuery)检查的,而无需循环遍历每个输入元素并检查每个元素的“checked”属性 PS:Jquery解决方案也将不胜感激:) 给定HTML: <tr id = "reportLayout"> <th align="left" style="padding-right: 10px">Layout</th> <td>

我需要获得哪个单选按钮是使用纯javascript(无JQuery)检查的,而无需循环遍历每个输入元素并检查每个元素的“checked”属性

PS:Jquery解决方案也将不胜感激:)

给定HTML:

      <tr id = "reportLayout">
         <th align="left" style="padding-right: 10px">Layout</th>
            <td>
             <input type="radio" name="layout" value="portrait">Portrait</input>                                                            
             <input type="radio" name="layout" value="landscape">Landscape</input>
            </td>
      </tr>

布局
肖像画
景观

获取当前选中单选按钮的

$("input[@name=radioname]:checked")

获取当前选中单选按钮的

$("input[@name=radioname]:checked")
“PS:Jquery解决方案也将不胜感激:)”

好的,使用:

其中,已检查无线电的值为:

checkedRB.val();
如果不使用jQuery,则“标准”方法是使用循环,但如果不关心IE<9,也可以这样做:

var checkedRB = document.querySelectorAll(
                     'input[type="radio"][name="layout"]:checked');
if (checkedRB.length === 0) {
    // none checked
} else {
    alert(checkedRB[0].value);
}
演示:

“PS:Jquery解决方案也将不胜感激:)”

好的,使用:

其中,已检查无线电的值为:

checkedRB.val();
如果不使用jQuery,则“标准”方法是使用循环,但如果不关心IE<9,也可以这样做:

var checkedRB = document.querySelectorAll(
                     'input[type="radio"][name="layout"]:checked');
if (checkedRB.length === 0) {
    // none checked
} else {
    alert(checkedRB[0].value);
}

演示:

我猜您只在reportLayout中使用了无线框:

$('#reportLayout').find(':checked')

我会做的

我猜您只在reportLayout中使用了无线电台:

$('#reportLayout').find(':checked')
var check = $('input[name:layout]:checked').val();
alert(check);
我会做的

var check = $('input[name:layout]:checked').val();
alert(check);
这将为您提供当前选中单选按钮的值

您还可以检查是否有任何单选按钮被选中

var check = $("input[name:layout]:checked").length;
alert(check);
这将为您提供当前选中单选按钮的值

您还可以检查是否有任何单选按钮被选中

var check = $("input[name:layout]:checked").length;
alert(check);

顺便说一句,在第一个
布局之后,你缺少了一个
。你的html是错误的….
肖像
是的!在这里粘贴我的html代码时遇到了问题!希望你理解我的意思:)顺便说一句,在第一个
布局之后,你缺少了一个
。你的html是错误的<代码>肖像
耶!在粘贴我的HTML代码时遇到问题!希望你明白我的意思:)谢谢!但是你有什么想法不使用JQuery吗,因为我知道:)在javascript中,你需要循环通过单选按钮来找到哪个被选中了,哪个没有谢谢!但是你有没有什么想法不使用JQuery,因为我知道:)在javascript中,你需要循环通过单选按钮来找到哪个被选中了,或者哪个不被选中。不客气。如果只有两个收音机,另一种方法是在默认情况下检查第一个收音机并给它
id=“肖像”
,因为这样你就可以说
if(document.getElementById(“肖像”).checked){/*肖像*/}否则{/*风景*/}
不客气。如果只有两个收音机,另一种方法是在默认情况下检查第一个收音机并给它
id=“肖像”
,因为这样你就可以说
if(document.getElementById(“肖像”).checked){/*肖像*/}否则{/*风景*/}