动态生成的名称字段的单选按钮组验证

Radio button group validation of dynamically generated name fields

本文关键字：单选按钮 验证 字段 动态      更新时间：2023-09-26

代码：

html

<form id="myform" type="post">
    <fieldset id="myid1">
        <input id="entries_8490_burn_id_1" name="entries[8490][burn_id]" value="1" type="radio"/>
        <input id="entries_8490_burn_id_2" name="entries[8490][burn_id]" value="2" type="radio"/>
        <input id="entries_8490_burn_id_3" name="entries[8490][burn_id]" value="3" type="radio"/>
    </fieldset>
    <fieldset id="myid2">
        <input id="entries_8491_burn_id_1" name="entries[8491][burn_id]" value="1" type="radio"/>
        <input id="entries_8491_burn_id_2" name="entries[8491][burn_id]" value="2" type="radio"/>
        <input id="entries_8491_burn_id_3" name="entries[8491][burn_id]" value="3" type="radio"/>
    </fieldset>
    <input type="submit" />
</form>

JS/jquery

$( document ).ready(function() {
    $('#myform').on('submit', function(e) {
        e.preventDefault();
        $("fieldset[id^='myid']").each(function () {
           myid = this.id
           alert(myid)
           alert($(myid +" > input[name^='entries']").is(":checked"));
        });               
    });    
});

小提琴：http://jsfiddle.net/woav90mz

问题：

当我检查其中一组中的单选按钮时，我仍然会得到"false-false"。不知怎么的，这些组没有选对！有人能认出我的错误吗？

您有一个丢失的#->更新的fiddle

alert($("#" + myid + " > input[name^='entries']").is(":checked"));

此外，如果你只是想确保从每组中检查一个单选按钮，你可以简单地做：

$("fieldset[id^='myid']").find(" > input[name^='entries']:checked").length;
相关文章：