【发布时间】：2019-07-01 02:52:29
【问题描述】：
在提交按钮时，我想获取多个复选框的值，其中每个复选框都有单选按钮。我希望输出会像我检查 复选框One 并选中其对应的单选按钮L，复选框Two 并选中其对应的单选按钮M，复选框三个 并选择其对应的单选按钮C，并不一定要勾选所有的复选框，可能会有一些复选框为空。我只想获取所选项目及其相应的值。
var allCheckedItem = [];
$.each(jQuery("input[name='teeth']:checked"),
function(){ allCheckedItem.push($(this).val());
});
for (var i = 0; i < allCheckedItem.length; i++)
{
var eachItem = allCheckedItem[i];
console.log(eachItem);
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="" method="post">
<ul>
<li>
<input name='teeth' type="checkbox" id="cb1" value="One" />One
<span class="teethproblem1">
<input name='a' type="radio" id="rb1" value="M" />M
<input name='a' type="radio" id="rb2" value="L" />L
<input name='a' type="radio" id="rb3" value="C" />C
</span>
</li>
<li>
<input name='teeth' type="checkbox" id="cb2" value="Two"/>Two
<span class="teethproblem2">
<input name='b' type="radio" id="rb4" value="M" />M
<input name='b' type="radio" id="rb5" value="L" />L
<input name='b' type="radio" id="rb6" value="C" />C
</span>
</li>
<li>
<input name='teeth' type="checkbox" id="cb3" value="Three"/>Three
<span class="teethproblem3">
<input name='c' type="radio" id="rb7" value="M" />M
<input name='c' type="radio" id="rb8" value="L" />L
<input name='c' type="radio" id="rb9" value="C" />C
</span>
</li>
<li>
<input name='teeth' type="checkbox" id="cb4" value="Four"/>Four
<span class="teethproblem4">
<input name='d' type="radio" id="rb10" value="M" />M
<input name='d' type="radio" id="rb11" value="L" />L
<input name='d' type="radio" id="rb12" value="C" />C
</span>
</li>
<li><input type="submit" name="submit" value="SAVE"></li>
</ul>
</form>我希望输出应该是：一 -> M ，二 -> C ，三 -> L
【问题讨论】：
-
您的问题没有尝试自行解决此问题。这个想法是让您尝试让某些事情起作用，然后带着您无法解决的特定问题来到这里。参观并在帮助中心阅读有关How to ask a good question 的信息将提供您需要的所有信息。
-
我尝试使用以下方法解决问题，这里我可以获取复选框值但无法获取相应的单选按钮值：var allCheckedItem = []; $.each(jQuery("input[name='teeth']:checked"), function(){ allCheckedItem.push($(this).val()); }); for (var i = 0; i
标签： javascript jquery