- A+
所属分类：Web前端
我需要检查复选框的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>
本文首发于前端黑洞网，博客园同步跟新
本文首发于前端黑洞网，博客园同步跟新
