如何检查是否使用JavaScript选择单选按钮？

Question

如何检查是否使用JavaScript选择单选按钮？

我在HTML表单中有两个单选按钮。当其中一个字段为NULL时，将显示一个对话框。如何检查是否选择了单选按钮？

Answer 1

让我们假设你有这样的HTML<input&nbsp;type="radio"&nbsp;name="gender"&nbsp;id="gender_Male"&nbsp;value="Male"&nbsp;/><input&nbsp;type="radio"&nbsp;name="gender"&nbsp;id="gender_Female"&nbsp;value="Female"&nbsp;/>对于客户端验证，这里有一些Javascript来检查选择了哪一个：if(document.getElementById('gender_Male').checked)&nbsp;{ &nbsp;&nbsp;//Male&nbsp;radio&nbsp;button&nbsp;is&nbsp;checked}else&nbsp;if(document.getElementById('gender_Female').checked)&nbsp;{ &nbsp;&nbsp;//Female&nbsp;radio&nbsp;button&nbsp;is&nbsp;checked}根据标记的确切性质，上面的内容可能会更高效，但这应该足以让您开始工作。如果你只是想看看任何选择单选按钮任何地方在那页上，原型JS让事情变得很简单。这里有一个函数，如果在页面的某个地方选择了至少一个单选按钮，它将返回true。同样，这可能需要根据您的特定HTML进行调整。function&nbsp;atLeastOneRadio()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;($('input[type=radio]:checked').size()&nbsp;>&nbsp;0);}用于服务器端验证。(请记住，您不能完全依赖Javascript进行验证！)，这将取决于您选择的语言，但您只需检查gender请求字符串的值。

Answer 2

带着jQuery，就像if&nbsp;($('input[name=gender]:checked').length&nbsp;>&nbsp;0)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;do&nbsp;something&nbsp;here}让我把它分解成几个部分，以便更清楚地说明这一点。jQuery从左到右处理事物。input[name=gender]:checkedinput将其限制为输入标记。[name=gender]将其限制为上一组中具有名称、性别的标记。:checked将其限制为在上一组中选择的复选框/单选按钮。如果要完全避免这种情况，请将其中一个单选按钮标记为“选中”(checked="checked")在HTML代码中，这将保证始终选中一个单选按钮。

Answer 3

一种香草的JavaScript方式var&nbsp;radios&nbsp;=&nbsp;document.getElementsByTagName('input');var&nbsp;value;for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;radios.length;&nbsp;i++)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(radios[i].type&nbsp;===&nbsp;'radio'&nbsp;&&&nbsp;radios[i].checked)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;get&nbsp;value,&nbsp;set&nbsp;checked&nbsp;flag&nbsp;or&nbsp;do&nbsp;whatever&nbsp;you&nbsp;need&nbsp;to &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value&nbsp;=&nbsp;radios[i].value;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;}}