1. 程式人生 > >js移除input單選框(radio)選中效果

js移除input單選框(radio)選中效果

上午做類似於這樣一個單選框效果,需要把彈窗內單選框後的文字賦值到彈窗父頁面。

可是在js中移除最開始是這麼做的。

$('.chose-box-li').children('input').attr('checked', 'true')
$(this).children('input').attr('checked', 'true');
看上去好像沒什麼問題,可是在開發者模式中檢視:
同名input[type="radio"]選中其他時候,上一個選中的input依然是checked="checked"狀態,選中狀態沒有移除。
直接結果就是我們獲得賦值文字文字錯誤,後修改為下程式碼,則修正錯誤
$('.chose-box-li').children('input').removeAttr('checked')
$(this).children('input').attr('checked', 'true');