layui單選框radio使用form.render() 更新渲染失效的原因

使用layui做表單處理的時(shí)候需要多次切換radio的選中項(xiàng),使用attr("checked","checked");后再使用form.render()更新渲染發(fā)現(xiàn)不生效,剛開始以為是form.render()渲染的問題,后來發(fā)現(xiàn)改成 prop('checked',true);就好了


//無效
$("input[name=sex][value='男']").attr("checked","checked");
form.render();
//生效
$("input[name=sex][value='男']").prop("checked",true);
form.render();

使用過程發(fā)現(xiàn) $("input[name='sex']:eq(0)").attr("checked", 'checked'); 這種寫法初始化賦值并加上form.render()是可以更新渲染的,但是如果多次切換的話會(huì)造成input的值切換成功,但是layui展示渲染失敗(打印值是正確的,按鈕顯示沒有切換過來),而改成prop設(shè)置屬性值則多次更新也沒有問題。

得出結(jié)論:

html 自帶屬性請(qǐng)用prop()方法,自定義屬性用 attr() 方法,同時(shí)具有 true 和 false 兩個(gè)屬性的屬性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr()
并且prop的屬性值true,false請(qǐng)不要加"",如prop("checked","true");這種寫法依舊不生效
同時(shí)可以使用prop設(shè)置多個(gè)屬性

$("input[name=sex][value='男']").prop({"checked":false,"disabled":true});

原文作者技術(shù)博客:http://www.itdecent.cn/u/ac4daaeecdfe

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

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

  • layui 常用操作 一、index(管理)頁(yè)面 1.渲染數(shù)據(jù)表格 html: 修改 刪除 js: tabl...
    名刀工一品閱讀 449評(píng)論 0 0
  • 作為一個(gè)合格的開發(fā)者,不要只滿足于編寫了可以運(yùn)行的代碼。而要了解代碼背后的工作原理;不要只滿足于自己的程序...
    六個(gè)周閱讀 8,677評(píng)論 1 33
  • It's a common pattern in React to wrap a component in an ...
    jplyue閱讀 3,401評(píng)論 0 2
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級(jí)和職位的變化,入門級(jí)到專家級(jí),廣度和深度都會(huì)有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,686評(píng)論 0 7
  • 目錄 屬性分為三種: js原生屬性操作方法獲取屬性設(shè)置屬性刪除屬性自定義數(shù)據(jù)屬性 dataset獲得自定義屬性的值...
    頑皮的雪狐七七閱讀 1,242評(píng)論 0 1

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