Question

这是代码，

<table cellspacing="0" id="invited_table" style="height:300px;overflow:auto;width: 700px">
    <thead>
        <tr>
            <th>
            <input type="checkbox" id="invited_table_selectall">
            </th><th style="display:none;">User ID</th><th>Classify</th><th>First Name</th><th>Last Name</th><th>Email Address</th><th>Moderator</th><th></th>
        </tr>
    </thead>

    <tbody id="invited_table_body">
        <tr>
            <td style="display: none">1</td>
            <td></td>
            <td>Member</td>

            <td>Administrator</td>
            <td></td>
            <td>barbie.admin@access-company.com</td>
            <td>
            <input type="radio" name="invited_radio_btn" checked="checked">
            </td>
            <td></td>

        </tr>

        <tr>
            <td>
            <input type="checkbox" class="internal_case">
            </td><td style="display:none;">115</td><td>Member</td><td>test003</td><td>test003</td><td>test003@com</td><td>
            <input type="radio" name="invited_radio_btn">
            </td><td>
            <button id="invited_delete_btn">
                delete
            </button></td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" class="internal_case">
            </td><td style="display:none;">116</td><td>Member</td><td>test004</td><td>test004</td><td>test004@com</td><td>
            <input type="radio" name="invited_radio_btn">
            </td><td>
            <button id="invited_delete_btn">
                delete
            </button></td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" class="internal_case">
            </td><td style="display:none;">0</td><td>non</td><td>test1</td><td>test2</td><td>test3</td><td></td><td>
            <button id="invited_delete_btn">
                delete
            </button></td><td style="display:none;">Etc/GMT+13</td>
        </tr>
    </tbody>
</table>

这是事件处理程序，

$("#create_room_btn").click(function(){
            $("#invited_table tr").each(function() {

                $(this).find('td').each(function(index, obj) {
                                                //console.log($(this).find('input').prop("checked",true));
                    console.log(obj.innerHTML);

                 });
                // temp paused
                            });
        });

我用google搜索我必须使用$ .prop或$ .attr，但我没有得到我想要的结果。

我需要一个真或假的返回来验证无线电按钮是否已被检查。

有什么好的解决方案吗？

Answer 1

您不需要在这里使用每个并遍历表格。使用:radio:checked获取已选中的单选按钮。您还需要提出斜杠来关闭大多数输入标记。

<强> Live Demo

var checkedRadioCollection = $('#invited_table :radio:checked');

如果您想查看已检查的收音机数量

var checkRadioCount = $('#invited_table :radio:checked').length;

检查您是否有任何无线电检查条件

if($('#invited_table :radio:checked').length)
{

}

Answer 2

我需要 true或false 返回来验证radiobutton 检查与否。

好像你正在寻找一个布尔表达式。

您可能希望使用.is(':checked')，如果选中则返回true，未选中时返回false：

$('.check').each(function()
{
    console.log($(this).is(':checked'));  
    if($(this).is(':checked'))
    {
        //what to do with checked checkbox
    }
})

这是一个例子

jsFiddle

第一个复选框返回true而第二个复选框为false。

Answer 3

试试这个：

$('#radio_button :checked').live('change',function(){
alert('Something is checked.');
});

或

$(document).ready(function() { if($("input:radio[name='yourRadioName']").is(":checked")) { //its checked } });

Answer 4

试试这个

$("#create_room_btn").click(function () {
    $("#invited_table tr").each(function () {

        $(this).find('td').each(function (index, obj) {
            if ($(this).find('input').attr("type") == "radio")
                console.log($(this).find('input').is(":checked"));

        });

    });
});

你的代码中的每一个完美你尝试一下what.k尝试这段代码你会得到真假

检查：http://jsfiddle.net/xz7nV/

Answer 5

if($('#invited_table :radio:checked').length)
{
    // checked
}else{
    // not checked
}

如何检查已在此表中检查的单选按钮？

5 个答案:

jsFiddle