如何检查更改事件的复选框状态

Question

在我的登录页面，我有一个复选框，它必须在更改事件上做一些事情，我在我的 js 中写了更改事件，我必须检查它是否被选中，我使用了很多方法，比如

$(".checkbox").is(":checked")/

$(".checkbox").attr("checked")/

$(".checkbox").prop("checked")

但以上所有方法均无效，最后两个 return 未定义，第一个 return 始终为假。我摆弄了这个 here .请帮我找出错误

html

              <div class="checkbox">
                    <label>
                        <asp:CheckBox ID="checkbox" runat="server" cssClass="remember-me" Checked="false" />
                        Remember Me
                    </label>                  
                </div>

js

   $(document).ready(function () {

       $('.remember-me').change(function () {
           alert($(".remember-me").is(":checked"));
       });

   });

Answer 1

您正在检查标签是否被选中，而不是输入。

$('#checkbox').on("change", function() {
alert($(this).is(":checked"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<label>
  <span class="remember-me">
      <input type="checkbox" name="checkbox" id="checkbox">
        </span>
  Remember Me</label>

Answer 2

将您的 JQuery 更改为：

   $('#checkbox').change(function () {
       alert($("#checkbox").is(":checked"));
   });

或者：

alert($( "#checkbox" ).prop( "checked" ));

如何检查更改事件的复选框状态

how to check checkbox status on change event

html

javascript

asp.net

checkbox

jquery