Question

<form id="Numbers1"
<table id="numbers">
    <tr>
        <th>
            prvi_br
        </th>
        <th>
            drugi_br
        </th>
        <th>
            treci_br
        </th>
    </tr>
<% int rb = 1; %>
<% foreach (var item in Model) { %>

    <tr>

        <td>
        <%= Html.Encode(item.prvi_br) %>
        <input type="radio" name="<%= Html.Encode(rb) %>"  value="<%= Html.Encode(rb) %>" id='<%= Html.Encode(item.prvi_br) %>'/>

        </td>
        <td>
        <%= Html.Encode(item.drugi_br) %>
        <input type="radio" name="<%= Html.Encode(rb) %>" value="<%= Html.Encode(rb) %>" id='<%= Html.Encode(item.drugi_br) %>'/>

        </td>
        <td>
        <%= Html.Encode(item.treci_br) %>
        <input type="radio" name="<%= Html.Encode(rb) %>" value="<%= Html.Encode(rb) %>" id='<%= Html.Encode(item.treci_br) %>'/>

        </td>
        <% rb=rb+1; %>
    </tr>  
<% } %>

</table>
        <p>
            <input type="submit" value="Save" />
        </p>
</form>

使用此脚本，我可以获得所选收音机的一些信息：

<script type="text/javascript">
$(document).ready(function() {

    var thevalue1;
    var thevalue2;

    $("#Numbers1").submit(function() {
    $("input:radio:checked").each(function() {
            thevalue1 = $("input:radio:checked").attr('id');
            thevalue2 = $("input:radio:checked").val();
            alert(thevalue1 + thevalue2); 
        });          
    });
});
</script>

如果每次打印第一个选定收音机的信息时我有更多行此警报，为什么???

Answer 1

因为对于每个选中的单选按钮，您调用$("input:radio:checked").attr('id')，它返回与"input:radio:checked"匹配的第一个内容的id属性。

$("input:radio:checked").each(function() {
        Element = $(this);
        var thevalue1 = Element.attr('id');
        var thevalue2 = Element.val();
        alert(thevalue1 + thevalue2); 
    });

JQuery和单选按钮

1 个答案: