layui中checkbox,form.render問題

今天在開發(fā)中,遇到一件事,沒做過多測試
網(wǎng)上搜索的jquery將checkbox改為選中狀態(tài),是如下方法:

$(this).attr('checked',true);
form.render('checkbox');

但是實際情況中,上述方法 雖會將html的checked變成選中,但是更新渲染時無效,因此在這記下這一點。使用如下方法將checkbox置為選中狀態(tài)時再去更新渲染,此方法有效。

$(this).prop('checked',true);
form.render('checkbox');

寫完文章后,因為不是專門做前端,所以查了查attr()和prop()的區(qū)別

從 jQuery 1.6 開始新增了一個方法 prop()。

從中文意思看,兩者分別是獲取/設(shè)置 attributes 和 properties 的方法,那么為什么還要增加 prop() 方法呢?

Before jQuery 1.6, the .attr() method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior.

因為在 jQuery 1.6 之前,使用 attr() 有時候會出現(xiàn)不一致的行為。

那么,什么時候使用attr(),什么時候使用prop()?

To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.

根據(jù)官方的建議:具有 true 和 false 兩個屬性的屬性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr()

參考資料

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容