天天看點

【 jquery 控制/判斷checkbox選中與否】

jq、js、css 這幾個東西一直都是java web開發人員的痛點。記不住那麼多方法,又不得不使用到。

記下今天這大坑。

網上搜尋【 jquery 控制checkbox選中】大緻會出來這樣的答案

————————————————————————————————

$('input[type=checkbox]').attr('checked',true);//全選,設定屬性,通過true布爾值形式

$('input[type=checkbox]').attr('checked',false);//不選擇,布爾值形式

$('input[type=checkbox]').removeAttr('checked','checked');//不選

————————————————————————————————————

這一類永遠都是那麼難用,一會能用一會又不行,完全不給人可靠的感覺,甚至以為是自己背景寫的有問題。極大影響使用體驗。

終于在準備砸電腦的時候,電腦的救星出現了。prop函數!!!!大法好啊!!!!

$('input[type=checkbox]').prop('checked', true);

$('input[type=checkbox]').prop('checked', false);

輕輕松松應對各種需要修改的場合。媽媽再也不擔心我要賠公司電腦了(逃)。

PS:jquery的prop()方法介紹。

prop() 方法設定或傳回被選元素的屬性和值。

當該方法用于傳回屬性值時,則傳回第一個比對元素的值。

當該方法用于設定屬性值時,則為比對元素集合設定一個或多個屬性/值對。

詳情通路:https://www.runoob.com/jquery/html-prop.html

886 bug。