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

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オブジェクトを取得します。