无循环获取组中单选按钮的输入值

Question

I need to obtain which radio button is checked using plain javascript ( No JQuery ) without looping through each input elements and checking for 'checked' attribute for each.

PS : Jquery solution would also be appreciated :)

Given 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>

Answer 1

"PS : Jquery solution would also be appreciated :)"

OK, use the :checked selector :

var checkedRB = $('input[type="radio"][name="layout"]:checked');

Where the value of the checked radio would be:

checkedRB.val();

To do it without jQuery the "standard" way to do it is with a loop, but you could also do this if you don't care about IE < 9:

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

Demo: http://jsfiddle.net/xHAwX/1/

Answer 2

获取当前选中的单选按钮的

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

Answer 3

I guess you are only using radio boxes in reportLayout:

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

will do it;

Answer 4

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

This will give you the value of currently checked radio button.

You can also check that if any radio button is checked or not by

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