JQuery制御 無線選択方式分析_jquery

この記事の例では、JQuery コントロールの Radio 選択方法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。

方法 1:

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

方法 2: (簡単な方法)

$(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>

概要:

この例の男性と女性の選択など、HTML Radio コントロールでラジオの選択を実装したい場合は、同じ値を持つ name 属性を Radio に追加する必要があります。たとえば、name="sex" です。 。

デフォルトではラジオが選択されています:

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

jquery を使用してラジオの値を取得する最も重要なことは、フォームで選択したラジオ項目の値を取得する必要があるため、フィルターにチェックを追加する必要があります。たとえば、次のようなラジオ項目があります:

1.jquery はラジオの値を取得します
2.jquery はチェックボックスの値を取得します
3.jquery は select の値を取得します

特定の無線の値を取得するには、次の方法があります。コードを直接指定するだけです。

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

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

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

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

これでほぼ完成しました。testradio という名前のラジオをすべて走査したい場合はどうすればよいでしょうか。コードは次のとおりです。

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

2 番目のラジオの値など、特定のラジオの値を取得したい場合は、次のように記述します

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

あなたの性別:

<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>/>女 

この記事が皆さんの jQuery プログラミングに役立つことを願っています。