Kawalan JQuery Kaedah pemilihan radio analysis_jquery

Contoh dalam artikel ini menerangkan kaedah pemilihan Radio kawalan JQuery. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Kaedah 1:

$(function () { 
  $("#spanNan").click(function () { 
  $("#Radio1").attr("checked", true); 
  $("#Radio2").attr("checked", false); 
  });
  $("#spanNv").click(function () {
  $("#Radio2").attr("checked", true);
  $("#Radio1").attr("checked", false);
  });
})

Kaedah 2: (Kaedah mudah)

$(function () {
  $("#spanNan").click(function () {
  //$("#Radio1").attr("checked", true);
  //$("#Radio2").attr("checked", false);
  $("#Radio1").click();
  });
  $("#spanNv").click(function () {
  //$("#Radio2").attr("checked", true);
  //$("#Radio1").attr("checked", false);
  $("#Radio2").click();
  });
})

<input id="Radio2" type="radio" name="sex"/>
<label for="Radio2">女</label>

Ringkasan:

Jika anda ingin melaksanakan pemilihan radio dalam kawalan Radio HTML, seperti pemilihan lelaki dan wanita dalam contoh ini, anda perlu menambah atribut nama pada Radio dengan nilai yang sama, contohnya: name="sex"; .

Radio dipilih secara lalai:

jQuery(document).ready(function(){
  $("input[name=targetBlank]:eq(0)").attr("checked",'checked');
  $("input[name=status]:eq(0)").attr("checked",'checked');
});

Gunakan jquery untuk mendapatkan nilai radio Perkara yang paling penting ialah menguasai penggunaan pemilih jquery Dalam bentuk, kita biasanya ingin mendapatkan nilai item radio yang dipilih, jadi kita perlu menambah yang ditandakan . Contohnya, terdapat beberapa item radio berikut:

1.jquery mendapat nilai radio
2.jquery mendapat nilai kotak pilihan
3.jquery mendapat nilai pilih

Untuk mendapatkan nilai radio tertentu, terdapat kaedah berikut, cuma berikan kod terus:

$('input[name="testradio"]:checked').val();

$('input:radio:checked').val();

$('input[@name="testradio"][checked]');

$('input[name="testradio"]').filter(':checked');

Ia hampir selesai Bagaimana jika kita mahu melintasi semua radio bernama testradio

$('input[name="testradio"]').each(function(){alert(this.value);});

Jika anda ingin mendapatkan nilai radio tertentu, seperti nilai radio kedua, tulis seperti ini

<script type="text/javascript">
$(document).ready(function(){
  $("input[@type=radio][name=sex][@value=1]").attr("checked",true);
}); 
</script>

Jantina anda:

<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男 
<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女 

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.