检查是否选中了复选框--代码有什么问题？

Question

我有一个简单的表格：

HTML：

<form>
   <input id="radio1" type="radio" name="radio-button" value="male" class="file">Choose a picture from file<br>
   <input id="radio2" type="radio" name="radio-button" value="female" class="choose">Use example picture<br>
 </form>

联署材料：

$(document).ready(function() {
   if($('#radio1').is(':checked')) { 
       alert("it's checked"); 
   }
 });

当我检查#无线电台时，没有发生任何事情，没有警报，控制台没有错误，发生了什么？

Answer 1

您正在测试单选按钮是否在DOM准备就绪时选中，而不是在选中状态发生更改时进行检查。

$(document).ready(function() {
    $('#radio1').on('change', function () {
       if($(this).is(':checked')) { 
           alert("it's checked"); 
       };
   });
});

Answer 2

当文档准备就绪时，JS只执行一次:然后不选中复选框。您需要处理该复选框上的单击。

Answer 3

在这种情况下，您只检查在加载文档时是否检查了它。应将事件处理程序附加到复选框，以查看状态何时更改。检查这个：https://stackoverflow.com/a/7236837/146513