ホームページ > ウェブフロントエンド > jsチュートリアル > radio_jquery を操作する Jquery の簡単な例

radio_jquery を操作する Jquery の簡単な例

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

Jquery プラグイン チュートリアル
Jquery の学習
PHP 学習



の入力ボックスの値です

上記の HTML コードでは、注意して見ると、3 つのラジオの name 属性と 1 つのテキストの name 属性がすべて「study」であることがわかるはずです。

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

$(function(){
$('#tijiao').click(function (){
if ($ ("input:[name=study]:radio:checked").length == 0){
alert("学びたい知識を選択してください");
return false;
}
varstudy = $("input:[name=study]:radio:checked").val();
alert("ありがとうございます!「study」を選択しました);
})
$ ("#set_jqeury_study").click(function(){
var $button = $(this);
$("input:[name=study]:radio" ).each(function(){
if (this.value == $button.attr('title')){
this.checked=true;
}
})
})
$("# view_input_text").click(function(){
alert($("input[name=study]:text").val());
})
})

$("input:[name=study]:radio:checked") このコードは、name 属性が "study" で選択されているラジオのすべての jquery オブジェクトを取得します。その長さが 0 に等しいかどうかを判断することで、いずれかの無線オプションが選択されているかどうかを知ることができます。 $("input[name=study]:text") このコードは、name属性が「study」であるテキスト入力ボックスのjqueryオブジェクトを取得します。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート