JQuery 제어 라디오 선택 방법 analyze

JQuery 제어 라디오 선택 방법 analyze_jquery

WBOY

풀어 주다： 2016-05-16 15:57:17

원래의

1242명이 탐색했습니다.

이 문서의 예에서는 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 라디오 컨트롤에서 라디오 선택을 구현하려면 동일한 값을 사용하여 라디오에 이름 속성을 추가해야 합니다. 예: name="sex" .

라디오가 기본적으로 선택되어 있습니다.

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

로그인 후 복사

jquery를 사용하여 라디오의 값을 얻으세요. 가장 중요한 것은 jquery 선택기의 사용법을 익히는 것입니다. 양식에서 우리는 일반적으로 선택한 라디오 항목의 값을 얻으려고 하므로 필터에 check를 추가해야 합니다. . 예를 들어 다음과 같은 일부 라디오 항목이 있습니다.

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);});

두 번째 라디오의 값 등 특정 라디오의 값을 구하고 싶다면 이렇게 작성하세요

<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 프로그래밍에 도움이 되기를 바랍니다.