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.51e8a5bfbba4c7071b69e4d19573bad1jquery mendapat nilai radio
2.0e45cc2e1ff7eae8d489ccff99f8c16fjquery mendapat nilai kotak pilihan
3.be14d48b5b2a4ba351265fde2b3ad2fbjquery 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.