jquery_jqueryを使ったRadioの操作方法まとめ

Radio は、ユーザー選択効果を実現するために開発でよく使用されます。JQUERY を使用してプロジェクトで Radio を操作する方法をいくつか蓄積しました。ここで、学ぶ必要がある友人のために共有します。

1. ラジオの選択を変更し、いくつかのエフェクトをトリガーします

コードをコピーします コードは次のとおりです:

$("input:radio[name='dialCheckResult']").change(function (){ //ダイヤル
アラート(“123”);
});

2. ページ内のすべての無線を利用可能にします。

$("input:radio").attr("無効",false);

3. ページ内のすべての無線を使用不可にします。

$("input:radio").attr("無効","無効");

4. ラジオを選択します。

$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);

5. ページ内の「選択されていない」ラジオを使用不可にします。

$("input:radio:not([checked])").attr("無効","無効");

6. 選択された状態の無線を移動します。1 つの無線を除いて、他の「選択」状態の無線設定は「未選択」状態になります。

コードをコピーします コードは次のとおりです:

$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='" val.name "']:checked").attr('checked',false);
}
});

7. すべての「選択されていない」無線を使用不可にします。

$("input:radio:not([checked])").attr("無効","無効");

8. 選択した特定の NAME の無線値を取得します。

var digialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;

9. 「選択」状態にあるすべての無線を「非選択」状態にします。

$('input:radio:checked').attr('checked',false);

10. ページ上のすべての無線を「選択」または「選択解除」状態にします。

$("input:radio").attr("checked",true);

$("input:radio").attr("checked",false);