Jquery操作radioの簡単な例

JqueryプラグインチュートリアルJquery PHP学習
上のhtmlコードでは、注意深く3つのradioのname属性と1つのtextのname属性が「study」であることがわかります.

 
  
$(function(){ 
  
$('#tijiao').click(function(){ 
  
if ($("input:[name=study]:radio:checked").length == 0){ 
  
alert("          "); 
  
return false; 
  
} 
  
var study = $("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」で選択されているradioのjqueryオブジェクトを取得し、彼のlengthが0に等しいかどうかを判断することで、このradioオプションが選択されているかどうかを知ることができます.$(「input[name=study]:text」)このコードは、name属性が「study」のtext入力ボックスのjqueryオブジェクトを取得します.