如何否定类型=" radio"在javascript中输入

时间:2015-07-27 11:58:52

标签: javascript jquery

我是javascript世界的新手,我知道如何使用if语句。但是当我试图否定单选按钮的if语句时,如果选中它,它就不起作用了。 这是我的代码。

<div class="form-group ">
 <label class="form-control-static">Waiting location</label>
 <div class="radio">
  <label><input id="radio_btn" type="radio"> Location 1 </label> 
 </div> 
</div>    

<script>
    if (!(document.getElementById('radio_btn').checked)) {
             alert('This will pop out.');
         }
</script>

我收到错误消息&#34; TypeError:document.getElementById(...)为null&#34;

提前致谢!

1 个答案:

答案 0 :(得分:1)

你的代码有效,你可能在html本身有错误,但你已经从评论中知道了这一点。

我创造了这个小提琴来测试它: http://jsfiddle.net/qks8jek1/

<form>
<input type="radio" id="radio_btn" name="sex" value="male">Male</input>
<br/>
<input type="radio" id="radio_btn2" name="sex" value="female" checked>Female</input>
</form>