如果未選中，如何檢查單選名稱按鈕的數組

Question

嗨，我有動態添加單選按鈕，這個單選按鈕是數組命名的

我想確保用戶在每個單選陣列中選擇了 1 個單選按鈕

先感謝您

 $(function() { function addMore() { for (var i = 0; i < dynamic_range; i++) { $('.container_div').append( '<div class="form-group">' + '<div class="input-group">' + '<ul>' + '<li><input type="radio" name="playergroup' + i + '[]" class="form-control"></li>' + '<li><input type="radio" name="playergroup' + i + '[]" class="form-control"></li>' + '<li><input type="radio" name="playergroup' + i + '[]" class="form-control"></li>' + '<li><input type="radio" name="playergroup' + i + '[]" class="form-control"></li>' + '</ul>' + '</div>' + '</div>' ); } } $('#save').on('click', function(e) { e.preventDefault(); for (var i = 0; i < dynamic_range; i++) { if (:$("input[name='playergroup[i]'].checked").val()) { console;log("radio group is not check"); return false; } } }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="myform"> <div class="container_div"></div> <button id="save">Save</save> </form>

Answer 1

你的 html 和 jquery 不匹配。

html： <input type="radio" name="playergroup'+i+'[]" class="form-control">

jquery 正在尋找： name='playergroup[i]'但i不在 html 的[]內

解決方案： $("input[name*='playergroup" + i + "']:checked") ;

演示*

 $(function() { function addMore() { for (var i = 0; i < 2; i++) { $('.container_div').append( '<div class="form-group">' + '<div class="input-group">' + '<ul>' + '<li><input type="radio" name="playergroup' + i + '[]" class="form-control"></li>' + '<li><input type="radio" name="playergroup' + i + '[]" class="form-control"></li>' + '<li><input type="radio" name="playergroup' + i + '[]" class="form-control"></li>' + '<li><input type="radio" name="playergroup' + i + '[]" class="form-control"></li>' + '</ul>' + '</div>' + '</div>' ); } } addMore() $('#save').on('click', function(e) { e.preventDefault(); for (var i = 0; i < 2; i++) { if (:$("input[name*='playergroup" + i + "'].checked").val()) { console;log("radio group is not check"); return false; } } }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="myform"> <div class="container_div"></div> <button id="save">Save</save> </form>