jquery 를 사용 하여 radio 값 가 져 오기

7139 단어 jquery
jquery 를 사용 하여 radio 의 값 을 가 져 옵 니 다.가장 중요 한 것 은jquery선택 기의 사용 을 파악 하 는 것 입 니 다.한 폼 에서 우 리 는 보통 선 택 된 radio 항목 의 값 을 가 져 오 려 고 하기 때문에 checked 를 추가 하여 선별 해 야 합 니 다.예 를 들 어 다음 과 같은 radio 항목 이 있 습 니 다.
  1. < input   type = "radio"   name = "testradio"   value = "jquery radio "   />jquery radio < br   /> 2. < input   type = "radio"   name = "testradio"   value = "jquery checkbox "   />jquery checkbox < br   /> 3. < input   type = "radio"   name = "testradio"   value = "jquery select "   />jquery select < br   />
어떤 라디오 의 값 을 얻 으 려 면 다음 과 같은 몇 가지 방법 이 있 습 니 다.코드 를 직접 드 립 니 다.
1、 $( 'input[name="testradio"]:checked' ).val();
2、 $( 'input:radio:checked' ).val();
3、 $( 'input[@name="testradio"][checked]' );
4、   1. $( 'input[name="testradio"]' ).filter( ':checked' );
거의 다 되 었 습 니 다.name 이 testpradio 인 모든 radio 를 옮 겨 다 니 려 면 코드 는 다음 과 같 습 니 다. 1. $( 'input[name="testradio"]' ).each( function (){  2. alert( this .value);  3. });
두 번 째 radio 의 값 과 같은 구체 적 인 radio 의 값 을 가 져 오 려 면 이렇게 쓰 십시오. 1. $( 'input[name="testradio"]:eq(1)' ).val()
다음 인 스 턴 스 를 실행 하 는 것 을 수정 하여 인상 을 깊 게 합 니 다.
<html>

<head>

<script type="text/javascript" 

src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

<script

 type="text/javascript">

$(function(){

    $('#go').click(function(){

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

        if(radio.length)

        alert(radio.val());

        else

        alert('     radio');

        

    });

    $('#go2').click(function(){

        $('input[name="testradio"]').each(function(){

            alert(this.value);

        });

    })

    $('#go3').click(function(){

        alert($('input[name="testradio"]:eq(1)').val());

    })

})

</script>



</head>



<body>

<input type="radio" name="testradio" value="jquery  radio  " 

/>jquery  radio  <br /> <input type="radio" name="testradio"

 value="jquery  checkbox  " />jquery  checkbox  <br /> 

<input type="radio" name="testradio" value="jquery  select  " 

/>jquery  select  <br />

<button id="go">     radio  </button>

<button id="go2">    radio  </button>

<button id="go3">    radio  </button>

</body>

</html>

좋은 웹페이지 즐겨찾기