Question

所以我遇到这个问题，我从互联网上的关闭按钮抓取一个开源这里是代码（它使用一个复选框）

HTML：

 <tr>
     <td class="td-actions"> 
         Alert 1
     </td>          
     <td class="td-actions"> 
         <div class="onoffswitch1">
             <input type="checkbox" name="onoffswitch1" class="onoffswitch-checkbox1" id="myonoffswitch1" checked>
             <label class="onoffswitch-label1" for="myonoffswitch1">
                 <span class="onoffswitch-inner1"></span>
                 <span class="onoffswitch-switch1"></span>
             </label>
         </div>
     </td>                          
 </tr>

我试图使用的jQuery来查看它是否已选中：

$("#myonoffswitch1").click(function () {
    alert($("#myonoffswitch1").prop("checked"));
});

有人能看出为什么这不起作用吗？

如果您需要查看CSS，请告诉我我不认为它是必要的。

我认为警告应该以真或假的方式返回，但是当我点击按钮时，它根本就没有做任何事情。

Answer 1

你应该从www.livevalidation.com尝试LiveValidation 1.3，我认为你需要更多的功能在js来chek chek box。我在Javascript中没有多少经验，但我正在研究这几次。我希望这会对你有所帮助。

Answer 2

尝试将is()函数与'：checked'选择器一起使用，如下所示：

$(function(){
    $("#myonoffswitch1").click(function () {
        if ($(this).is(':checked'))
           alert('checked');
        else alert('unchecked');
    });
});

Answer 3

对此的回答正如Spencer在评论中所说的那样将.click函数包装在.ready中这里是现在可以运行的代码：

$(document).ready(function() 
    { 
        $("#myonoffswitch1").click(function () {
            alert($("#myonoffswitch1").prop("checked"));
        });
    } 
);

谢谢斯宾塞！：）

检查是否使用JQuery检查复选框不起作用？

3 个答案: