javascript - 如何使 'input.radio' 在 if 语句中不被检查?

标签 javascript radio-button

fiddle :http://fiddle.jshell.net/12dkswgd/

我正在尝试通过 elem 'input.radio' 选择性别

所以我做了一些if语句,但它不起作用。

不知道为什么。

下面是我编写的代码。它不起作用。

您可以通过 fiddle 更轻松地查看:http://fiddle.jshell.net/12dkswgd/

html :
male<input type="radio" id="a"></input>
<br/>
female<input type="radio" id="b"></input>


js :
/* these sentences are not working
a = document.getElementById('a');
b = document.getElementById('b');

if(a.checked) {b.checked = false}
if(b.checked) {a.checked = false}
*/

/* these sentences are not working, either.
if(document.getElementById('a').checked) {
    document.getElementById('b').checked = false
} else if(document.getElementById('b').checked) {
    document.getElementById('a').checked = false
    }
*/

/* this sentence is working. */
document.getElementById('a').checked = true;

最佳答案

更新 1: 使用 onchange 处理程序 - 检查 fiddle

如果你想使用 JavaScript 来完成它,那么一种方法是这样的 fiddle :

注意:您的 JavaScript 代码的问题是:您没有将 JavaScript 代码包装在任何函数中(因此您的代码过去只运行一次),并且您需要使用处理单选按钮单击一个处理程序(在其 changeRadio('button') 中进行修改并具有更多逻辑)

但正如其他人所建议的,我更喜欢 HTML 方式,它更干净、更简单:

   Male:   <input type="radio" name="gender" value="male" />
   Female: <input type="radio" name="gender" value="female" />

关于javascript - 如何使 'input.radio' 在 if 语句中不被检查?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25825698/

相关文章:

javascript - 使用 javascript 选择所有选项 A 单选按钮

javascript - 如果在 HTML/JavaScript 中选中复选框,则填充单选按钮

javascript - jQuery 代码在 ".aspx"页面中不起作用

javascript - 无法在iPhone上播放a-frame框架下的视频纹理

javascript - localStorage - 将对象附加到对象数组

javascript - 选择任何其他单选按钮时清除文本框

jquery - Html单选按钮选择

javascript - 使用 javascript 传递隐藏字段的特定值

javascript - 如何让按钮在点击时显示内容?

javascript - react ,从选择选项设置状态