我需要檢查復選框的checked屬性，并使用jQuery根據已檢查的屬性執行操作，
例如，如果age復選框已選中，則我需要顯示一個輸入age的文本框，否則隱藏該文本框，
但是false默認情況下，以下代碼回傳：
if ($('#isAgeSelected').attr('checked')) {
$("#txtAge").show();
} else {
$("#txtAge").hide();
}<script src=https://www.cnblogs.com/pythonzhilian/archive/2021/04/12/"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://www.cnblogs.com/pythonzhilian/archive/2021/04/12/"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>
本文首發于前端黑洞網，博客園同步跟新
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/275360.html
標籤：其他
上一篇：【面試技巧】老生常談之 n 種使用 CSS 實作三角形的技巧
下一篇：前端資料結構---復雜度分析