2014-05-10 9 views
0

내 웹 사이트에 버그가 있습니다 ... 미국과 캐나다 모두 2 개의 라디오 버튼이 있습니다. 미국 배송 ​​비용은 내 웹 사이트에서 캐나다보다 저렴하지만 캐나다 사용자는 캐나다보다 비용이 저렴한 미국으로 배송 환경 설정을 업데이트 할 수 있습니다. 그런 다음 사용자는 업데이트 배송 버튼을 누르지 않고 캐나다 옵션으로 돌아가 다음 페이지로 이동할 수 있습니다. 이렇게하면 더 저렴한 배송료를받을 수 있습니다. 그 중에서 가장 쉬운 방법은 무엇일까요? 사용자가 배송 옵션을 변경하면 자바 스크립트가 감지됩니다. 여기 라디오 버튼 변경 확인 버튼을 눌렀는지 확인하십시오.

내가 HTML 부분에 대해이 작업은 다음과 같습니다 시도

<input type='radio' id='1' name='shipping' value='1'/>&nbsp;United States&nbsp; 
<input type='radio' id='2' name='shipping' value='2' checked="checked"/>&nbsp;Canada&nbsp; 
<input type='submit' name='UpdateShipping' id='UpdateShipping' value='Update Shipping' /> 

당신은 행동 here

답변

1

에서 볼 수

$('input[name="shipping"]').change(function(){ //change event of radio button 
    $('#jcartUpdateShipping').trigger('click'); //click button 
}); 

.change()

.trigger()


영업 이익의 의견

.delegate()

$(document).delegate('input[name="shipping"]','change',function(){ //change event of radio button 
    $('#jcartUpdateShipping').trigger('click'); //click button 
}); 

// jQuery 1.4.3+ 
$(elements).delegate(selector, events, data, handler); 
// jQuery 1.7+ 
$(elements).on(events, selector, data, handler); 


사용 후 업데이트 Event Delegation

이 작동하지 않습니다
+0

:/나는 내가 얻을해야합니다 생각 Shippi 업데이트 라디오 버튼이 변경되면 버튼을 누르십시오. – bondbaby11

+0

내 웹 사이트에서 작동하지 않습니다./jsfiddle 작업 데모를 제공하여 내 웹 사이트에서 작동하지 않는 이유를 알아낼 수 있습니까? – bondbaby11

+0

@iheartbreakz 내가 찾지 못한 페이지에 작성한 코드를 추가 했습니까? –