javascript jquery 라디오 버튼 클릭

Question

2 개의 라디오 버튼과 jquery가 실행 중입니다.

<input type="radio" name="lom" value="1" checked> first 
<input type="radio" name="lom" value="2"> second 

이제 버튼을 사용하여 onClick을 설정하여 함수를 실행할 수 있습니다. 라디오 단추 중 하나를 클릭 할 때 라디오 단추를 하나의 기능으로 실행시키는 방법은 무엇입니까?

Answer 1

당신은 jQuery를 1.3

의 당신이

$("input[@name='lom']").change(function(){ 
    // Do something interesting here 
}); 

을 원하는에 대한 .change을 사용할 수 있습니다 당신은 더 이상 필요하지 않은 '@'. 선택하는 올바른 방법입니다 : 당신이 ID = radioButtonContainerId 여전히 따라 onclick을 사용하여 다음 중 어떤 것을 선택할 것인가를 확인 할 수 있습니다와 함께 용기에 라디오가있는 경우

$("input[name='lom']") 

Answer 2

이

$(document).ready(function() { 
    $('input:radio').change(function() { 
     alert('ole'); 
    }); 
}); 

Answer 3

잘되어야합니다

$('#radioButtonContainerId input:radio').click(function() { 
    if ($(this).val() === '1') { 
     myFunction(); 
    } else if ($(this).val() === '2') { 
     myOtherFunction(); 
    } 
    }); 

Answer 4

DOM 검색을 제한하는 것이 좋습니다. 부모를 사용하는 것이 더 좋으므로 전체 DOM이 통과되지 않습니다.

IT IS VERY FAST

<div id="radioBtnDiv"> 
    <input name="myButton" type="radio" class="radioClass" value="manual" checked="checked"/> 
<input name="myButton" type="radio" class="radioClass" value="auto" checked="checked"/> 
</div> 



$("input[name='myButton']",$('#radioBtnDiv')).change(
    function(e) 
    { 
     // your stuffs go here 
    }); 

Answer 5

이 작업을 수행하는 방법은 여러 가지가 있습니다. 관계없이 라디오 버튼 주위에 컨테이너를 두는 것이 좋습니다.하지만 버튼에 직접 클래스를 추가 할 수도 있습니다. 당신이 클래스에 의해 선택할 수 있습니다

<ul id="shapeList" class="radioList"> 
<li><label>Shape:</label></li> 
<li><input id="shapeList_0" class="shapeButton" type="radio" value="Circular" name="shapeList" /><label for="shapeList_0">Circular</label></li> 
<li><input id="shapeList_1" class="shapeButton" type="radio" value="Rectangular" name="shapeList" /><label for="shapeList_1">Rectangular</label></li> 
</ul> 

:

$(".shapeButton").click(SetShape); 

또는 컨테이너 ID에 의해 선택이 HTML로 어느 경우

$("#shapeList").click(SetShape); 

이벤트는 라디오 중 하나를 클릭하면 트리거됩니다 버튼 또는 그것의 레이블, 비록 이상하게도 후자의 경우 ("#shapeList"로 선택) 레이블을 클릭하면 적어도 두 가지 이유로 FireFox에서 두 번 클릭 기능이 트리거됩니다. 클래스별로 선택하는 것은 그렇게하지 않을 것입니다.

SetShape는 기능이며, 다음과 같습니다

function SetShape() { 
    var Shape = $('.shapeButton:checked').val(); 
//dostuff 
} 

이 방법, 당신은 당신의 버튼에 라벨을 가질 수 있고, 다른 일을 같은 페이지에 여러 라디오 버튼 목록을 가질 수 있습니다. 버튼의 값에 따라 SetShape()에서 다른 동작을 설정하여 동일한 목록의 각 개별 단추를 다른 작업을 수행 할 수도 있습니다.

Answer 6

<input type="radio" name="radio" value="creditcard" /> 
<input type="radio" name="radio" value="cash"/> 
<input type="radio" name="radio" value="cheque"/> 
<input type="radio" name="radio" value="instore"/> 

$("input[name='radio']:checked").val()