ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery を使用して Form_jquery で選択されたラジオ値を取得する方法

Jquery を使用して Form_jquery で選択されたラジオ値を取得する方法

WBOY
リリース: 2016-05-16 17:26:01
オリジナル
1228 人が閲覧しました

Jquery が提供するセレクターは、開発者が Dom を操作するのを大幅に容易にし、コードを簡素化しながら強力な機能を実現するという目標を真に達成します。以下は、日常生活で最も一般的に使用される、フォーム フォームで選択した Radio 値を取得する方法の小さな例です。

フォームは次のとおりです:

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

< form name='form1' action="#" method="post">

ここでは 200 語省略します
Shelve
解決
<入力タイプ= "radio" name="opType" value="2" />転送 4


それでは、選択された無線値を取得するにはどうすればよいでしょうか? , Juqery は次のメソッドを提供します

コードをコピー コードは次のとおりです:
$ ( "input[name='opType']:checked").val() -------このメソッドはおそらくより頻繁に使用され、理解しやすいです

$("input:radio: selected" ).val(); --------この方法は最も単純ですが、セレクターを連続して使用することは理解しにくいです
$("input[@name='opType'][ selected]"); -------- このメソッドに [@checked=checked] を書くのを忘れないでください。これを初めて書きました

なので、時々、ラジオ、どうやってやるの?もちろん、それぞれを次のように表示する必要があります:

コードをコピー コードは次のとおりです:
$(' input[name=" opType"]').each(function(){
alert(this.name this.value);

それを理解してください。もっと良い方法があれば、建物を建ててください。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート