여기 내 HTML 코드
<label><input name="radio" id="radio" type="radio" value="1"></input> <span>Radio 1</span></label>
<label><input name="radio" id="radio" type="radio" value="2"></input> <span>Radio 2</span></label>
<label><input name="radio" id="radio" type="radio" value="3"></input> <span>Radio 3</span></label>
그리고 이것은 내 JQuery 코드입니다.
<script type="text/javascript">
jQuery.noConflict();
(function($) {
$(document).ready(function(){
$('#radio').click(function(){
var ongkir = $(this).val();
alert(ongkir);
});
});
})(jQuery);
</script>
결과는 값 1, 어떻게 값 2와 3을 얻습니까?
id
속성을 가진 첫 번째 요소 고유해야합니다 id
선택 얻을. 따라서 항상 class
요소 그룹에 사용 하십시오.
jQuery.noConflict();
(function($) {
$('.radio').click(function() {
var ongkir = $(this).val();
alert(ongkir);
});
})(jQuery);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
<input name="radio" class="radio" type="radio" value="1"></input> <span>Radio 1</span>
</label>
<label>
<input name="radio" class="radio" type="radio" value="2"></input> <span>Radio 2</span>
</label>
<label>
<input name="radio" class="radio" type="radio" value="3"></input> <span>Radio 3</span>
</label>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다