标签：jQuery checked isAgeSelected 复选框 选中 txtAge 属性

我需要检查复选框的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复选框DOM元素的属性将为您提供元素的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>

本文首发于前端黑洞网，博客园同步跟新

标签：jQuery,checked,isAgeSelected,复选框,选中,txtAge,属性
来源： https://www.cnblogs.com/pythonzhilian/p/14647768.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。