jquery를 사용하여 요청시 일련의 라디오 버튼을 비활성화하십시오.

Question

Wikipedia's History 내역 페이지와 비슷한 것을 달성하려고합니다. 일련의 라디오 버튼을 동적으로 비활성화합니다.

즉 ... 그룹이에서 4 번을 선택하면, 그때는 개별적으로 또는 그룹으로 해제하는 방법을 알고

그룹 하나의 1-4 등을 사용할 수 없습니다,하지만 난 아니에요 일련의 그것을 할 방법을 잘 1-4 말씀 : 개별적으로

:

$("#version_history input[id^=versions_2_3]:radio").attr('disabled',true); 

또는 그룹 :

$("#version_history input[id^=versions_2]:radio").attr('disabled',true); 

입력의 이름은 versions_1_X 및 versions_2_X이며 X는 숫자입니다. 1..2..3 .. 등

내 마지막 목표는 클릭 한 라디오 버튼을 함수에 넘겨주는 것입니다. 그리고 반대쪽 그룹의 모든 라디오 박스를 숫자 나 그 이하의 값으로 설정 해제하십시오.

다음 HTML을 감안할 때

Answer 1

:

<div id="version_history"> 
    <div class="version_history_item"> 
     <input type="radio" name="original"> 
     <input type="radio" name="update"> 
     <span>description</span> 
    </div> 
    ... 
</div> 

한 가지 가능한 방법은 다음과 같습니다

function updateVersionRadioButtonAvailability() { 

    var versionHistoryElement = $('#version_history'), 
     originalIndex = $('input[name=original]:checked', versionHistoryElement).parent('.version_history_item').index(), 
     updateIndex = $('input[name=update]:checked', versionHistoryElement).parent('.version_history_item').index(), 
     visibleStyle = { visibility: 'visible' }, 
     hiddenStyle = { visibility: 'hidden' }; 

    $('.version_history_item', versionHistoryElement).each(function(index) { 
     $('input[name=original]', $(this)).css(index > updateIndex ? visibleStyle : hiddenStyle); 
     $('input[name=update]', $(this)).css(index < originalIndex ? visibleStyle : hiddenStyle); 
    }); 

} 

$(document).ready(function() { 
    $('#version_history input[name=original], #version_history input[name=update]').live('click', updateVersionRadioButtonAvailability); 
    updateVersionRadioButtonAvailability(); 
}); 

드라이 코딩 마일리지가 다를 수 있으므로.

Answer 2

나는 당신이 성취하고자하는 것을 이해하면 잘 모르겠다. 그래서 나는 this demo을 만들었다. 기본적으로 선택한 그룹의 버전 번호가 낮은 모든 라디오 그룹을 비활성화합니다.

다시 클릭 할 방법이 없어서 모두 사용 중지할지 여부를 모르겠으므로 재설정 버튼도 추가했습니다.

정확히 무엇을 원하는지 조금 더 명확히한다면?