【フロントエンドJS】radioオプションクリックで選択解除
838 ワード
一般的にradioラジオボックスは複数選択の効果しか実現できませんが、そのうちの1つを選択すると、このラジオボックスはクリックして選択状態を取り消すことはできません.この機能はビジネス環境によっては適用されません.ラジオボックスの複数選択の効果も、チェックボックスのクリック可能なキャンセルの効果も必要になります.このため、本稿ではJQueryの書き方を提供します.
前述した要件の下では,0個または1個の値を取るだけであるため,値を取るのに便利であるためradioを推奨する.
End .
/*
1. name
2.
3. ,
*/
$("input:radio").click(function(){
var domName = $(this).attr('name');// name
var checkedState = $(this).attr('checked');//
$("input:radio[name='" + domName + "']").attr('checked',false);//1.
$(this).attr('checked',true);//2.
if(checkedState == 'checked'){
$(this).attr('checked',false); //3.
}
});
ここでradioをcheckboxに変えても同様の効果が得られます.前述した要件の下では,0個または1個の値を取るだけであるため,値を取るのに便利であるためradioを推奨する.
End .