在 jQuery 中如何检查复选框是否被选中？

Question

我需要检查复选框的checked属性，并使用 jQuery 根据选中的属性执行操作。

例如，如果选中了age复选框，那么我需要显示一个文本框来输入age ，否则隐藏该文本框。

但是下面的代码默认返回false ：

 if ($('#isAgeSelected').attr('checked')) { $("#txtAge").show(); } else { $("#txtAge").hide(); }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" id="isAgeSelected"/> <div id="txtAge" style="display:none"> Age is selected </div>

如何成功查询到已checked的属性？

Answer 1

如何成功查询checked属性？

复选框 DOM 元素的checked属性将为您提供元素的checked状态。

鉴于您现有的代码，您可以这样做：

if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

然而，有一种更漂亮的方法来做到这一点，使用toggle ：

 $('#isAgeSelected').click(function() { $("#txtAge").toggle(this.checked); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" id="isAgeSelected"/> <div id="txtAge" style="display:none">Age is something</div>

Answer 2

使用 jQuery 的is()函数：

if($("#isAgeSelected").is(':checked'))
    $("#txtAge").show();  // checked
else
    $("#txtAge").hide();  // unchecked

Answer 3

使用 jQuery > 1.6

<input type="checkbox" value="1" name="checkMeOut" id="checkMeOut" checked="checked" />

// traditional attr
$('#checkMeOut').attr('checked'); // "checked"
// new property method
$('#checkMeOut').prop('checked'); // true

使用新的属性方法：

if($('#checkMeOut').prop('checked')) {
    // something when checked
} else {
    // something else when not
}

Answer 4

jQuery 1.6+

$('#isAgeSelected').prop('checked')

jQuery 1.5 及以下

$('#isAgeSelected').attr('checked')

任何版本的 jQuery

// Assuming an event handler on a checkbox
if (this.checked)

所有功劳都归功于西安。

Answer 5

我正在使用这个，这工作得很好：

$("#checkkBoxId").attr("checked") ? alert("Checked") : alert("Unchecked");

注意：如果复选框被选中，它将返回真否则未定义，所以最好检查“真”值。

Answer 6

用：

<input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned

$("#planned_checked").change(function() {
    if($(this).prop('checked')) {
        alert("Checked Box Selected");
    } else {
        alert("Checked Box deselect");
    }
});

 $("#planned_checked").change(function() { if($(this).prop('checked')) { alert("Checked Box Selected"); } else { alert("Checked Box deselect"); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned

Answer 7

从 jQuery 1.6 开始， jQuery.attr()的行为发生了变化，鼓励用户不要使用它来检索元素的选中状态。 相反，您应该使用jQuery.prop() ：

$("#txtAge").toggle(
    $("#isAgeSelected").prop("checked") // For checked attribute it returns true/false;
                                        // Return value changes with checkbox state
);

另外两种可能性是：

$("#txtAge").get(0).checked
$("#txtAge").is(":checked")

Answer 8

这对我有用：

$get("isAgeSelected ").checked == true

其中isAgeSelected是控件的 id。

另外，@karim79 的回答工作正常。 我不确定在测试时我错过了什么。

请注意，这是使用 Microsoft Ajax 而不是 jQuery 的答案

Answer 9

如果您使用的是 jquery 的更新版本，则必须使用.prop方法来解决您的问题：

$('#isAgeSelected').prop('checked')将在选中时返回true ，如果未选中则返回false 。 我确认了这一点，并且我早些时候遇到了这个问题。 $('#isAgeSelected').attr('checked')和$('#isAgeSelected').is('checked')返回undefined这对于这种情况来说不是一个有价值的答案。 因此，请按照下面的说明进行操作。

if($('#isAgeSelected').prop('checked')) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

希望它有帮助:)-谢谢。

Answer 10

用：

<input type="checkbox" id="abc" value="UDB">UDB
<input type="checkbox" id="abc" value="Prasad">Prasad

$('input#abc').click(function(){
  if($(this).is(':checked'))
  {
    var checkedOne=$(this).val()
    alert(checkedOne);

    // Do some other action
  }
})

如果您希望仅在选中复选框而不是在取消选中时才执行所需的操作，这会有所帮助。

Answer 11

对 checkbox 属性使用Click事件处理程序是不可靠的，因为在事件处理程序本身的执行过程中， checked属性可能会发生变化！

理想情况下，你会希望把你的代码放到一个change的事件处理程序，例如它被激发每个复选框的值发生改变时（独立于它是如何做的话）。

$('#isAgeSelected').bind('change', function () {

   if ($(this).is(':checked'))
     $("#txtAge").show();
   else
     $("#txtAge").hide();
});

Answer 12

我决定发布一个关于如何在没有 jQuery 的情况下做完全相同的事情的答案。 只因为我是个叛逆者。

var ageCheckbox = document.getElementById('isAgeSelected');
var ageInput = document.getElementById('txtAge');

// Just because of IE <333
ageCheckbox.onchange = function() {
    // Check if the checkbox is checked, and show/hide the text field.
    ageInput.hidden = this.checked ? false : true;
};

首先，您通过 ID 获取这两个元素。 然后为复选框的onchange事件分配一个函数，该函数检查复选框是否被选中并适当地设置年龄文本字段的hidden属性。 在那个使用三元运算符的例子中。

这是一个小提琴供您测试。

附录

如果跨浏览器兼容性是一个问题，那么我建议将 CSS display属性设置为none和inline 。

elem.style.display = this.checked ? 'inline' : 'none';

较慢但跨浏览器兼容。

Answer 13

我相信你可以这样做：

if ($('#isAgeSelected :checked').size() > 0)
{
    $("#txtAge").show(); 
} else { 
    $("#txtAge").hide();
}

Answer 14

我遇到了完全相同的问题。 我有一个 ASP.NET 复选框

<asp:CheckBox ID="chkBox1" CssClass='cssChkBox1' runat="server" />

在 jQuery 代码中，我使用以下选择器来检查复选框是否被选中，它似乎很有魅力。

if ($("'.cssChkBox1 input[type=checkbox]'").is(':checked'))
{ ... } else { ... }

我确定您也可以使用 ID 而不是 CssClass，

if ($("'#cssChkBox1 input[type=checkbox]'").is(':checked'))
{ ... } else { ... }

我希望这可以帮助你。

Answer 15

您可以尝试使用 checkbox 的change事件来跟踪:checked状态更改。

 $("#isAgeSelected").on('change', function() { if ($("#isAgeSelected").is(':checked')) alert("checked"); else { alert("unchecked"); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" id="isAgeSelected" /> <div id="txtAge" style="display:none"> Age is selected </div>

Answer 16

此代码将帮助您

$('#isAgeSelected').click(function(){
   console.log(this.checked);
   if(this.checked == true) {
        $("#txtAge").show();
    } else {
       $("#txtAge").hide();
   }
});

Answer 17

有很多方法可以检查复选框是否被选中：

使用 jQuery 检查的方法

if (elem.checked)
if ($(elem).prop("checked"))
if ($(elem).is(":checked"))
if ($(elem).attr('checked'))

检查示例或文档：

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

• http://api.jquery.com/prop/

Answer 18

这对我有用：

/* isAgeSelected being id for checkbox */

$("#isAgeSelected").click(function(){
  $(this).is(':checked') ? $("#txtAge").show() : $("#txtAge").hide();
});

Answer 19

这是做同一件事的一些不同方法：

 $(document).ready(function (){ $('#isAgeSelected').click(function() { // $("#txtAge").toggle(this.checked); // Using a pure CSS selector if ($(this.checked)) { alert('on check 1'); }; // Using jQuery's is() method if ($(this).is(':checked')) { alert('on checked 2'); }; // // Using jQuery's filter() method if ($(this).filter(':checked')) { alert('on checked 3'); }; }); });

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <input type="checkbox" id="isAgeSelected"/> <div id="txtAge" style="display:none">Age is something</div>

Answer 20

用这个：

if ($('input[name="salary_in.Basic"]:checked').length > 0)

如果选中该复选框，则长度大于零。

Answer 21

我这样做的方法是：

if ( $("#checkbox:checked").length ) {       
    alert("checkbox is checked");
} else {
    alert("checkbox is not checked");
}

Answer 22

$(selector).attr('checked') !== undefined

如果输入被检查，则返回true否则返回false 。

Answer 23

$(document).ready(function() {    
    $('#agecheckbox').click(function() {
        if($(this).is(":checked"))
        {
            $('#agetextbox').show();
        } else {
            $('#agetextbox').hide();
        }
    });
});

Answer 24

您可以使用：

  if(document.getElementById('isAgeSelected').checked)
    $("#txtAge").show();  
  else
    $("#txtAge").hide();

---

if($("#isAgeSelected").is(':checked'))
  $("#txtAge").show();  
else
  $("#txtAge").hide();

他们两个都应该工作。

Answer 25

1) 如果您的 HTML 标记是：

<input type="checkbox"  />

使用的属性：

$(element).attr("checked"); // Will give you undefined as initial value of checkbox is not set

如果使用道具：

$(element).prop("checked"); // Will give you false whether or not initial value is set

2) 如果您的 HTML 标记是：

 <input type="checkbox"  checked="checked" />// May be like this also  checked="true"

使用的属性：

$(element).attr("checked") // Will return checked whether it is checked="true"

道具使用：

$(element).prop("checked") // Will return true whether checked="checked"

Answer 26

最佳答案对我不起作用。 虽然这样做了：

<script type="text/javascript">
    $(document).ready(function(){

        $("#li_13").click(function(){
            if($("#agree").attr('checked')){
                $("#saveForm").fadeIn();
            }
            else
            {
                $("#saveForm").fadeOut();
            }
        });
    });
</script>

基本上，当元素 #li_13 被点击时，它会检查是否使用.attr('checked')函数检查了元素 #同意（这是复选框）。 如果是，则在#saveForm 元素中淡入淡出，如果不是在saveForm 元素中淡出。

Answer 27

这个例子是按钮。

请尝试以下操作：

<input type="button" class="check" id="checkall" value="Check All" />  &nbsp; <input type="button" id="remove" value="Delete" /> <br/>

<input type="checkbox" class="cb-element"  value="1" /> Checkbox  1 <br/>
<input type="checkbox" class="cb-element"  value="2" /> Checkbox  2 <br/>
<input type="checkbox" class="cb-element"  value="3" /> Checkbox  3 <br/>


$('#remove').attr('disabled', 'disabled'); 

$(document).ready(function() {  

    $('.cb-element').click(function() {

        if($(this).prop('checked'))
        {
            $('#remove').attr('disabled', false);
        }
        else
        {
            $('#remove').attr('disabled', true);
        }
    });   

    $('.check:button').click(function()
{
    var checked = !$(this).data('checked');
    $('input:checkbox').prop('checked', checked);
    $(this).data('checked', checked);

    if(checked == true)
    {
        $(this).val('Uncheck All');
         $('#remove').attr('disabled', false);
    }

    else if(checked == false)
    {
        $(this).val('Check All');
        $('#remove').attr('disabled', true);
    }
});
});

Answer 28

对单击时选中或取消选中的复选框进行操作。

 $('#customCheck1').click(function() { if (this.checked) { console.log('checked'); } else { console.log('un-checked'); } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" id="customCheck1">

编辑：不是一个很好的编程表达式if (boolean == true)虽然.checked属性也可能返回其他类型变量..

最好改用.prop("checked") 。 它只返回true和false 。

Answer 29

我正在使用这个：

 <input type="checkbox" id="isAgeSelected" value="1" /> <br/>
 <input type="textbox" id="txtAge" />

 $("#isAgeSelected").is(':checked') ? $("#txtAge").show() : $("#txtAge").hide();

Answer 30

虽然你已经提出了一个JavaScript解决方案为您的问题（显示textbox时， checkbox被checked ），这个问题可能只是CSS来解决。 使用这种方法，您的表单适用于禁用 JavaScript 的用户。

假设您有以下 HTML：

<label for="show_textbox">Show Textbox</label>
<input id="show_textbox" type="checkbox" />
<input type="text" />

您可以使用以下 CSS 来实现所需的功能：

 #show_textbox:not(:checked) + input[type=text] {display:none;}

对于其他场景，您可能会想到合适的 CSS 选择器。

这里有一个 Fiddle 来演示这种方法。

Answer 31

切换：0/1 或其他

<input type="checkbox" id="nolunch" />
<input id="checklunch />"

    $('#nolunch').change(function () {
    if ($(this).is(':checked')) {
        $('#checklunch').val('1');
    };
    if ($(this).is(':checked') == false) {
        $('#checklunch').val('0');
    };
});

Answer 32

请尝试下面的代码来检查复选框是否被选中

$(document).ready(function(){

    $("#isAgeSelected").on('change',function(){

    if($("#isAgeSelected").is(':checked'))
        $("#txtAge").show();  // checked
    else{
        $("#txtAge").hide();  // unchecked
    }

   });

});

Answer 33

我敢肯定这不是什么启示，但我并没有在一个例子中看到这一切：

所有选中复选框的选择器（在页面上）：

$('input[type=checkbox]:checked')

Answer 34

我在 Firefox 9.0.1 中验证了以下方法可用于捕获复选框后更改的状态：

$("#mycheckbox").change(function() {
    var value = $(this).prop("checked") ? 'true' : 'false';                     
    alert(value);
});

Answer 35

我认为这将是简单的

$('#isAgeSelected').change(function() {
    if($(this).is(":checked")) {
        $('#txtAge').show();
    }
else{
        $('#txtAge').hide();
    }                                          
});

Answer 36

从本地文件系统中包含 jQuery。 我用的是谷歌的CDN ，也有很多CDN可以选择。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

单击mycheck类中的复选框后，代码将立即执行。 如果选中当前单击的复选框，则它将禁用所有其他复选框并启用当前复选框。 如果当前未选中，它将再次启用所有复选框以重新选中。

<script type="text/javascript">
    $(document).ready(function() {

        var checkbox_selector = '.mycheck input[type=checkbox]';

        $(checkbox_selector).click(function() {
            if ($($(this)).is(':checked')) {

                // Disable all checkboxes
                $(checkbox_selector).attr('disabled', 'disabled');

                // Enable current one
                $($(this)).removeAttr('disabled');
            }
            else {
                // If unchecked open all checkbox
                $(checkbox_selector).removeAttr('disabled');
            }
        });
    });
</script>

简单的形式来测试

<form method="post" action="">
    <div class="mycheck">
        <input type="checkbox" value="1" /> Television
        <input type="checkbox" value="2" /> Computer
        <input type="checkbox" value="3" /> Laptop
        <input type="checkbox" value="4" /> Camera
        <input type="checkbox" value="5" /> Music Systems
    </div>
</form>

输出画面：

Answer 37

if($("#checkkBoxId").is(':checked')){
  alert("Checked=true");
}

要么

if($("#checkkBoxId").attr('checked') == true){
  alert("checked=true");
}

Answer 38

input type="checkbox"的checked属性映射到defaultChecked属性，而不是checked属性。

因此，当一个复选框被取消选中时在页面中执行某些操作时，请改用prop()方法。 它获取属性值并随着复选框状态的变化而变化。

在这些情况下使用attr( ) 或getAttribute （在纯 JavaScript 中）并不是正确的处理方式。

如果elem是相关的复选框，那么做这样的事情来获取值：

elem.checked

要么

$(elem).prop('checked')

Answer 39

自动化

$(document).ready(function()
{
    $('#isAgeSelected').change(function()
    {
        alert( 'value =' + $('#chkSelect').attr('checked') );
    });
});

HTML

<b> <input type="isAgeSelected" id="chkSelect" /> Age Check </b>

<br/><br/>

<input type="button" id="btnCheck" value="check" />

查询

$(document).ready(function()
{
    $('#btnCheck').click(function()
    {
        var isChecked = $('#isAgeSelected').attr('checked');

        if (isChecked == 'checked')
            alert('check-box is checked');
        else
            alert('check-box is not checked');
    })
});

阿贾克斯

function check()
{
    if (isAgeSelected())
        alert('check-box is checked');
    else
        alert('check-box is not checked');
}

function isAgeSelected()
{
    return ($get("isAgeSelected").checked == true);
}

Answer 40

这是我认为有效地执行此类操作所需的最少代码量。 我发现这个方法很有用； 它返回选中的复选框数组，然后您可以使用它们的值（此解决方案使用 jQuery）：

// This is how you get them
var output = "";
var checkedBoxes = $("DivCheckBoxesAreIn").children("input:checked");
if(checkedBoxes.length <= 0) {
    alert('Please select check boxes');
    return false;
};

// And this is how you use them:
checkedBoxes.each(function() {
    output +=  this.value + ", ";
};

打印“输出”将为您提供一个以逗号分隔的值列表。

Answer 41

 $(document).on("click","#isAgeSelected",function(){ if($(this).prop("checked") == true){ $("#txtAge").show(); } else if($(this).prop("checked") == false){ $("#txtAge").hide(); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" id="isAgeSelected"/> <div id="txtAge" style="display:none"> <input type="text" name="age" placeholder="Please enter age" /> </div>

Answer 42

我遇到了同样的问题，但发布的解决方案似乎都没有用，然后我发现这是因为 ASP.NET 将 CheckBox 控件呈现为内部带有 INPUT 的 SPAN，因此 CheckBox ID 实际上是 SPAN 的 ID，而不是一个输入，所以你应该使用：

$('#isAgeSelected input')

而不是

$('#isAgeSelected')

然后上面列出的所有方法都应该起作用。

Answer 43

只需像下面这样使用它

 $('#isAgeSelected').change(function() {
     if ($(this).is(":checked")) { // or if($("#isAgeSelected").attr('checked') == true){
         $('#txtAge').show();
     } else {
         $('#txtAge').hide();
     }
 });

Answer 44

使用纯JavaScript ：

let checkbox = document.getElementById('checkboxID');

if(checkbox.checked) {
  alert('is checked');
} else {
  alert('not checked yet');
}

Answer 45

这是一个示例，其中包括初始化显示/隐藏以匹配页面加载时复选框的状态； 考虑到当您刷新页面时 Firefox 会记住复选框的状态，但不会记住显示/隐藏元素的状态。

$(function() {
    // initialise visibility when page is loaded
    $('tr.invoiceItemRow').toggle($('#showInvoiceItems').attr('checked'));
    // attach click handler to checkbox
    $('#showInvoiceItems').click(function(){ $('tr.invoiceItemRow').toggle(this.checked);})
});

（在这个问题的其他答案的帮助下）

Answer 46

这是我的解决方法：

$('#vcGoButton').click(function () {
    var buttonStatus = $('#vcChangeLocation').prop('checked');
    console.log("Status is " + buttonStatus);
    if (buttonStatus) {
        var address = $('#vcNewLocation').val();
        var cabNumber = $('#vcVehicleNumber').val();
        $.get('postCabLocation.php',
              {address: address, cabNumber: cabNumber},
              function(data) {
                  console.log("Changed vehicle " + cabNumber + " location to " + address );
              });
    }
    else {
        console.log("VC go button clicked, but no location action");
    }
});

Answer 47

采用：

$(this).toggle($("input:checkbox", $(this))[0].checked);

当您在上下文之外进行选择时，请记住您需要 [0] 才能访问该复选框。

Answer 48

二传手：

$("#chkmyElement")[0].checked = true;

吸气剂：

if($("#chkmyElement")[0].checked) {
   alert("enabled");
} else {
   alert("disabled");
}

Answer 49

我实际上更喜欢change事件。

$('#isAgeSelected').change(function() {
    $("#txtAge").toggle(this.checked);
});

演示小提琴

Answer 50

选择器返回多个对象，它必须取数组中的第一项：

// Collection
var chckremember = $("#chckremember");


// Result boolen
var ischecked=chckremember[0].checked;

Answer 51

试试这个，

$('#isAgeSelected').click(function() {
    if(this.checked){
        $("#txtAge").show();
    } else{
        $("#txtAge").hide();
    } 
});

Answer 52

我使用的是 jQuery 1.11.1，我在设置和读取复选框值时也遇到了麻烦。

我终于通过这两个功能解决了它：

function setCheckboxValue(checkBoxId, checked) {
    if (checkBoxId && (checked === true || checked === false)) {
        var elem = $('#' + checkBoxId);
        if (checked === true) {
            elem.attr('checked', 'checked');
        } else {
            elem.removeAttr('checked');
        }
    }
}

function isChecked(checkBoxId) {
    return $('#' + checkBoxId).attr('checked') != null;
}

它可能看起来有点脏，但它解决了我在不同类型的浏览器中遇到的所有有线问题。

Answer 53

你可以试试这个代码：

$('#isAgeSelected').click(function(){
   console.log(this.checked);
   if(this.checked == true) {
        $("#txtAge").show();
    } else {
       $("#txtAge").hide();
   }
});

Answer 54

if( undefined == $('#isAgeSelected').attr('checked') ) {
    $("#txtAge").hide();
} else {
    $("#txtAge").show();
}

Answer 55

这个解决方案怎么样？

$("#txtAge")[
    $("#isAgeSelected").is(':checked') ?
    'show' :
    'hide'
]();

Answer 56

我需要检查复选框的选中属性，并使用 jQuery 根据选中的属性执行操作。

前任 -

1）如果选中年龄复选框，则在加载时运行以获取复选框值，然后我需要显示一个文本框来输入年龄，否则隐藏文本框。

2）如果选中了年龄复选框，那么我需要显示一个文本框来输入年龄，否则使用复选框的单击事件隐藏文本框。

所以代码默认不返回false：

尝试以下操作：

<html>
        <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        </head>
        <body>
            <h1>Jquery Demo</h1>
            <input type="checkbox" name="isAge" checked id="isAge"> isAge <br/>
            <div id="Age" style="display:none">
              <label>Enter your age</label>
              <input type="number" name="age">
            </div>
            <script type="text/javascript">
            if(document.getElementById('isAge').checked) {
                $('#Age').show();
            } else {
                $('#Age').hide();
            }   
            $('#isAge').click(function() {
                if(document.getElementById('isAge').checked) {
                    $('#Age').show();
                } else {
                    $('#Age').hide();
                }
            }); 
            </script>
        </body>
    </html>

这是修改后的版本： https ://jsfiddle.net/sedhal/0hygLtrz/7/

Answer 57

您好，您可以使用纯Javascript ，如下所示：

 document.getElementById('checkboxOption').addEventListener('click', event => console.log(event.target.checked) );

 <label><input type="checkbox" id="checkboxOption">Check Option</label>

Answer 58

如果您需要知道是否在纯javascript中选中了复选框，您应该使用此代码。

let checkbox =document.getElementById('myCheckboxId');
if(checkbox.checked) {
    alert("element is checked");
} else {
    alert("element is  ot checked");
}

Answer 59

在纯 js 中，复选框状态更易于阅读

isAgeSelected.checked

 function check() { txtAge.style.display= isAgeSelected.checked? 'block':'none'; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Age <input type="checkbox" id="isAgeSelected"/> <button onclick="check()">Check</button> <div id="txtAge" style="display:none"> Age is selected </div>

Answer 60

if( undefined == $('#isAgeSelected').attr('checked') ) {
    $("#txtAge").hide();
} else {
    $("#txtAge").show();
}

Answer 61

对于旧版本的 jQuery，我不得不使用以下内容，

$('#change_plan').live('click', function() {
     var checked = $('#change_plan').attr('checked');
     if(checked) {
          //Code       
     }
     else {
          //Code       
     }
});

Answer 62

$(document).on('change', '#isAgeSelected', function() {

    if($(this).is(":checked")){

       $('#txtAge').hide();
    }
    else
    {
        $('#txtAge').hide();
    }
});

Answer 63

如果您需要使用 CSS 类作为 jQuery 选择器，您可以执行以下操作：

$(document).ready(function () {
        $('.myOptionCheckbox').change(function () {            
            if ($(this).prop('checked') == true) {
                console.log("checked");           
            }
            else {
                console.log("unchecked");                
            }
        });
    });

它也适用于checkboxes和radioboxes 。

Answer 64

这个功能是可选的和稳定的：

$('#isAgeSelected').context.checked
(return True/False)

例子：

if($('#isAgeSelected').context.checked){ //if Checkbox is checked then bla bla..
    /*.....*/
}else{
    /*.....*/
}

Answer 65

$('#chk').change(function() { 
    (this.checked)? alert('true') : alert('false');
});



($('#chk')[0].checked)? alert('true') : alert('false');

Answer 66

if($('#isAgeSelected').prop('checked')) {
    // do your action 
}

Answer 67

您可以通过两种方式尝试以下操作：

var getVal=$('#isAgeSelected').is(":checked"); // jQuery

var getVal=document.getElementById("isAgeSelected").checked //JavaScript

if (getVal==true) {
 $("#txtAge").show();  // checked
} else {
 $("#txtAge").hide();  // unchecked
}

Answer 68

$("#isAgeSelected").prop('checked', true);