선택한 라디오 버튼의 값을받는 방법

Question

내 HTML 부분은 다음과 같습니다 : 나는 = 확인 각 버튼을 클릭

<input id="yes" save-value="yes" value="no" name="view_y" class="switch-input yes" type="radio"> 
<label checked="checked" class="switch-label switch-label-off selected" for="yes">Yes</label> 
<input id="no" save-value="no" value="no" name="view_n" class="switch-input no" type="radio"> 
<label class="switch-label switch-label-on" for="no">No</label> 
<span class="switch-selection"></span> 

는 "확인"을 선택 옵션을 더 라벨에 '예'로 변경됩니다.

이 옵션을 사용하면 선택한 라디오 버튼의 저장 값을 어떻게 얻을 수 있습니까? 이후, 내 값 옵션에 Handlebars js (json)를 사용하고 있기 때문에 선택한 라디오 버튼의 저장 값을 가져 오려고합니다.

어떻게하면됩니까? switch-input는이 두 입력 요소에 할당 된 클래스를 가정

이

Answer 1

, 당신은 체크 선택

var value = $('input.switch-input').filter(':checked').attr('save-value'); 
//or var value = $('input.switch-input:checked').attr('save-value'); 

주와 함께 사용할 수 있습니다 : 데이터 -이 * 사용자 정의 속성을 저장하는 속성을 사용하는 것을 선호

---

라디오 버튼이 실제로 선택되지 않는다고 생각합니다. 라벨 속성 만 변경되므로 라벨에 추가 클래스를 추가하십시오. myclass

브라우저가 그 중 하나를 선택을 제한 할 수 있도록

<input id="yes" save-value="yes" value="no" name="view_y" class="switch-input yes" type="radio"/> 
<label checked="checked" class="myclass switch-label switch-label-off selected" for="yes">Yes</label> 
<input id="no" save-value="no" value="no" name="view_n" class="switch-input no" type="radio"/> 
<label class="myclass switch-label switch-label-on" for="no">No</label> 
<span class="switch-selection"></span> 

0 다음

var value = $('.myclass[checked="checked"]').prev('input').attr('save-value'); 
console.log(value) 

Answer 2

는 첫째, 라디오 버튼은 같은 이름의 속성을 가져야한다, view을 말한다. 그런 다음 $('[name="view"]:checked').val()을 사용하여 선택한 라디오 단추의 값을 캡처 할 수 있습니다.

Answer 3

당신은 당신의 HTML 코드에 약간의 오차가 있고,이 예를 보면, 잘못된 태그의 checked 속성을 넣어 : 내가 코드를 사용할 때 그것은 나를 정의되지 않은 보여줍니다

$('body').on('change','input',function() { 
    $('.switch-selection').html($(this).attr('save-value')); 
}); 

http://jsfiddle.net/9Pj3g/2/