라디오 버튼 세트

이전 솔루션이 작동하지 않는 이미지 주위에 하이퍼 링크를 삽입하는 이유는 무엇입니까? "{image1, radioBtn1}, {image2, radioBtn2}, {image3, radioBtn3}과 같은 세 개의 이미지 집합으로 연결된 세 개의 라디오 버튼 집합이 있습니다라디오 버튼 세트

다음 작업을 수행하려고합니다. 하나의 이미지를 클릭하면이 이미지에 연결된 라디오 버튼이 자동으로 선택됩니다 (예 : image3을 클릭하면 radioBtn3이 선택됩니다).

출처

2014-01-26 M_B216

난 정말 당신이 어떤 코드가 않습니다 .. 질문을 이해하지 않는 코드 아래에 삽입하려면? –

http://stackoverflow.com/questions/21370007/set-of-radio-buttons-in-javascript/21370045?noredirect=1#comment32226840_21370045 –

해당하는 이미지를 나타내는 이벤트 리스너를 추가하십시오 확인 버튼.

출처

2014-01-26 23:33:39 Atutouato

그룹의 라디오 input과 imglabel 요소를 사용하여 여기에

FIDDLE

<label> 
    <input type="radio" name="mode" value="create" /> 
    <img src="your_image.jpg" /> 
</label>

출처

2014-01-26 23:34:56

빠른 예입니다 ... FIDDLE

<section> 
    <img src="/" class="radio-img" alt="Image 1"> 
    <img src="/" class="radio-img" alt="Image 2"> 
    <img src="/" class="radio-img" alt="Image 3"> 

    <input type="radio" name="radio"> 
    <input type="radio" name="radio"> 
    <input type="radio" name="radio"> 
</section> 

$('.radio-img').click(function() { 
    $('input[name="radio"]').eq($(this).index()).trigger('click'); 
});

을 ...하지만 물론 이것에 대해서는 jQuery를 사용해야한다.

는 문서에 jQuery 라이브러리를 포함 <head> 섹션

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

출처

2014-01-26 23:39:19 mdesdev

라디오 버튼 세트

답변

관련 문제