Jquery がラジオで選択された値を取得する方法の詳細な例-jsチュートリアル-php.cn

Jquery がラジオで選択された値を取得する方法の詳細な例

黄舟

リリース： 2017-07-27 14:20:12

オリジナル

2157 人が閲覧しました

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

Radio

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

$(&#39;input:radio:checked&#39;).val()；
$("input[type=&#39;radio&#39;]:checked").val();
$("input[name=&#39;rd&#39;]:checked").val();

ログイン後にコピー

2. 設定Radio は選択された値です:

    $(&#39;input:radio:first&#39;).attr(&#39;checked&#39;, &#39;checked&#39;);

ログイン後にコピー

または

$(&#39;input:radio:first&#39;).attr(&#39;checked&#39;, &#39;true&#39;);

ログイン後にコピー

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

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

$(&#39;input:radio:last&#39;).attr(&#39;checked&#39;, &#39;checked&#39;);

ログイン後にコピー

または

$(&#39;input:radio:last&#39;).attr(&#39;checked&#39;, &#39;true&#39;);

ログイン後にコピー

4. インデックス値に基づいて、任意のラジオを選択した値として設定します:

$(&#39;input:radio&#39;).eq(索引值).attr(&#39;checked&#39;, &#39;true&#39;);索引值=0,1,2....

ログイン後にコピー

または

$(&#39;input:radio&#39;).slice(1,2).attr(&#39;checked&#39;, &#39;true&#39;);

ログイン後にコピー

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

$("input:radio[value=http://www.2cto.com/kf/201110/&#39;rd2&#39;]").attr(&#39;checked&#39;,&#39;true&#39;);

ログイン後にコピー

または

$("input[value=http://www.2cto.com/kf/201110/&#39;rd2&#39;]").attr(&#39;checked&#39;,&#39;true&#39;);

ログイン後にコピー

6. 値の値が rd2 であるラジオを削除します

$("input:radio[value=http://www.2cto.com/kf/201110/&#39;rd2&#39;]").remove();

ログイン後にコピー

7. どのラジオを削除します

$("input:radio").eq(索引值).remove();索引值=0,1,2....

ログイン後にコピー

3 つのラジオを削除する場合: $("input:radio").eq(2).remove();

8. Traverse Radio

$(&#39;input:radio&#39;).each(function(index,domEle){
     //写入代码
});

ログイン後にコピー

DropDownList

1. 获取选中项：

获取选中项的Value值：

 $(&#39;select#sel option:selected&#39;).val();

ログイン後にコピー

或者

$(&#39;select#sel&#39;).find(&#39;option:selected&#39;).val();

ログイン後にコピー

获取选中项的Text值：

   $(&#39;select#seloption:selected&#39;).text();

ログイン後にコピー

或者

 $(&#39;select#sel&#39;).find(&#39;option:selected&#39;).text();

ログイン後にコピー

2. 获取当前选中项的索引值：

$(&#39;select#sel&#39;).get(0).selectedIndex;

ログイン後にコピー

3. 获取当前option的最大索引值：

$(&#39;select#sel option:last&#39;).attr("index")

ログイン後にコピー

4. 获取DropdownList的长度：

$(&#39;select#sel&#39;)[0].options.length;

ログイン後にコピー

或者

$(&#39;select#sel&#39;).get(0).options.length;

ログイン後にコピー

5. 设置第一个option为选中值：

$(&#39;select#sel option:first&#39;).attr(&#39;selected&#39;,&#39;true&#39;)

ログイン後にコピー

或者

 $(&#39;select#sel&#39;)[0].selectedIndex = 0;

ログイン後にコピー

6. 设置最后一个option为选中值：

以上がJquery がラジオで選択された値を取得する方法の詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。