jQuery是否选中复选框

if ($('input.checkbox_check').is(':checked')) {

---

对于 jQuery 1.6 或更高版本：

if ($('input.checkbox_check').prop('checked')) {
    //blah blah
}

确定是否选中复选框的跨浏览器兼容方法是使用属性 https://api.jquery.com/prop/

---

此 $('#checkboxId').is(':checked') 用于验证是否已选中

&这个$("#checkboxId").prop('checked', true)检查

&此 $("#checkboxId").prop('checked', false) 取消选中

---

如果上述解决方案由于任何原因都不起作用，比如我的情况，试试这个：

  <script type="text/javascript">
    $(function()
    {
      $('[name="my_checkbox"]').change(function()
      {
        if ($(this).is(':checked')) {
           // Do something...
           alert('You can rock now...');
        };
      });
    });
  </script>

---

如果选中：

$( "SELECTOR" ).attr( "checked" )  // Returns ‘true’ if present on the element, returns undefined if not present
$( "SELECTOR" ).prop( "checked" ) // Returns true if checked, false if unchecked.
$( "SELECTOR" ).is( ":checked" ) // Returns true if checked, false if unchecked.

获取检查的 val：

$( "SELECTOR:checked" ).val()

获取检查的 val 数字：

$( "SELECTOR:checked" ).length

选中或取消选中复选框

$( "SELECTOR" ).prop( "disabled", false );
$( "SELECTOR" ).prop( "checked", true );

---

查看 ATTR | 之间的主要区别道具 |在下面：

Source: http://api.jquery.com/attr/

$( "input" ) .change(function() { var $input = $( this ); $( "p" ).html( ".attr( 'checked' ): " + $input.attr( "checked" ) + "
" + ".prop( 'checked' ): " + $input.prop( "checked" ) + "
" + " .is( ':checked' ): " + $input.is( ":checked" ) + "" ); }) .change(); p {边距：20px 0 0; } b { 颜色：蓝色； } 检查我

---

您可以使用 .is(':checked') 方法，如果检查了元素，则返回 true，否则返回 false。

工作示例

使用 .is(':checked') 方法和 条件语句 更改 background-color

$('input').on('click', function(){ isChecked = $(this).is(':checked') if(isChecked){ $('html').css('background-color' ,'green') } else{ $('html').removeAttr('style') } }) 试试我

---

要检查输入并通过复选框进行确认，请使用此脚本...

$(document).on("change", ".inputClass", function () { if($(this).is(':checked')){ confirm_message = $(this).data('confirm'); var confirm_status = confirm(confirm_message); if (confirm_status == true) { //doing things... } }}); 检查动作

---

jQuery/Javascript 新手并尝试了上述解决方案。最终，这对我有用：

在加载页面时隐藏元素（因为默认情况下复选框 = 未选中），然后根据复选框是否选中来显示/隐藏元素。

它可能有点难看/冗余/无关的语法，但它现在有效！

注意：这一切都在以下 <script> 标记中，就在您的 HTML 页面上的 </body> 标记之前：

<script type="text/javascript">
   // 'solution code' goes here...
</script>

“解决方案代码”：

    $(document).ready(function(){

          // HIDE ELEMENTS UPON PAGE LOAD (CHECKBOX = UNCHECKED)
          if ($([id="show_box"]).is(':checked') == false)
                $("#hiddenDiv").hide();

          // SHOW/HIDE ELEMENTS VIA CHECKBOX STATUS
          $('[id="show_box"]').change(function()
          {
            if ($(this).is(':checked'))
                $("#hiddenDiv").fadeIn();
            else
                $("#hiddenDiv").fadeOut();
          });

    });

[id="show_box"]（复选框，id 为'show_box'）

#hiddenDiv（我要隐藏/显示的元素的 ID）

这个（因为它是嵌套的，它最终代表'show_box'）

这是页面上的 HTML 代码，“解决方案代码”指的是：

<!-- CHECKBOX -->
<input type="checkbox" id="show_box" name="box" value="">

<!-- ELEMENT THAT SHOWS/HIDES -->
<div id="hiddenDiv"></div>

---

我需要知道这个属性来自动选中/取消选中“子复选框”，这是有效的：

jQuery('.checkbox-parent').click(function(){
    jQuery('.checkbox-child').prop(
        'checked', 
        jQuery('.checkbox-parent').prop('checked')
    ); 
});

---