JQueryラジオ(ラジオボタン)の操作方法まとめ_jquery

Jquery がますます便利になるにつれて、Jquery を使用する友人も増えています。 Web では、CheckBox、Radiobutton、DropDownList などのコントロールの使用頻度が高いため、Jquery でのこれらのコントロールの操作に関連します。 Jquery のバージョン更新が非常に早いため、コードの書き方も大きく変わりました。以下の Jquery コードは query1.4 以降に適しています。

1. 選択した値を取得します。次の 3 つの方法が利用可能です:

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

$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

2. 最初のラジオを選択した値として設定します:

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

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

または

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

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

注: attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3. 最後のラジオを選択した値として設定します:

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

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

または

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

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

4. インデックス値に従って、任意の無線を選択した値として設定します。

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

$('input:radio').eq(インデックス値).attr('checked', 'true');イン​​デックス値=0,1,2....

または

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

$('input:radio').slice(1,2).attr('checked', 'true');

5. 値の値に従ってラジオを選択した値に設定します

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

$("input:radio[value='rd2']").attr('checked','true');

または

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

$("input[value='rd2']").attr('checked','true');

6. 値が rd2 の無線を削除します

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

$("input:radio[value='rd2']").remove();

7. どのラジオを削除するか

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

$("input:radio").eq(インデックス値).remove(); インデックス値=0,1,2....

たとえば、3 番目の Radio:$("input:radio").eq(2).remove(); を削除します。

8. トラバースラジオ

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

$('input:radio').each(function(index,domEle){

//コードを書きます

});