给定一个单选按钮数组。例如,如何获取它们的值数组(包括空值)。
// use jquery to display [Yes, null, null, No]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
true <input type="radio" name="one" value="Yes" checked>
false <input type="radio" name="one" value="No">
</p>
<p>
true <input type="radio" name="two" value="Yes">
false <input type="radio" name="two" value="No">
</p>
<p>
true <input type="radio" name="three" value="Yes" >
false <input type="radio" name="three" value="No" >
</p>
<p>
true <input type="radio" name="four" value="Yes">
false <input type="radio" name="four" value="No" checked >
</p>
我如何得到 [Yes, null, null No]
最佳答案
1. 您需要检查每个 <p>
选中的单选框长度
2. 如果长度为 0,则推送 NULL
数组否则推送选中的单选按钮值
工作片段:-
$(document).ready(function(){
var radio_arr = [];
$('p').each(function(){
radio_arr.push($(this).find('input[type=radio]:checked').length ? $(this).find('input[type=radio]:checked').val() : 'NULL');
});
console.log(radio_arr);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
true <input type="radio" name="one" value="Yes" checked>
false <input type="radio" name="one" value="No">
</p>
<p>
true <input type="radio" name="two" value="Yes">
false <input type="radio" name="two" value="No">
</p>
<p>
true <input type="radio" name="three" value="Yes" >
false <input type="radio" name="three" value="No" >
</p>
<p>
true <input type="radio" name="three" value="Yes">
false <input type="radio" name="three" value="No" checked >
</p>
关于javascript - 获取一组单选按钮值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49927943/