라디오 버튼에서 값을 가져와 URL을 추가하십시오.

Question

라디오 버튼이있는 목록이 있습니다. 사용자가 라디오를 선택하면 라디오 버튼의 값을 받아 URL에 추가합니다.이 기능을 어떻게 완료 할 수 있습니까? 다음은 간단한 코드입니다. 하지만 작동하지 않아. 도와 줘, plz.

<script type="text/javascript"> 
$(document).ready(function($){ 
    var val = $(':radio[name=rdo_1]:checked').val(); 
    $('#button').click(function(){ 
     document.location.href = 'http://localhost/test/val1.html'; 

    }); 
}); 
</script> 

Answer 1

아래처럼 될 것이다 <form method="get"> </form>

예에 동봉이

<script type="text/javascript"> 
$(document).ready(function($){ 
    var val = $(':radio[name=rdo_1]:checked').val(); 
    $('#button').click(function(){ 
     document.location.href = 'http://localhost/test/val1.html?radio_button_value='+val 

    }); 
}); 
</script> 

Answer 2

사용 <input type="submit"/> 같은 PARAMS을 보낼 수 있습니다.

그러나 이름 필드

<form action="http://localhost/test/val1.html?" method="get" name="f"> 
    <input type="text" name="user" /> 
    <input type="checkbox" name="name1" /> 
    <input type="submit" class="login_button" value="LOGIN"> 
</form> 

당신은 자바 스크립트를 사용하지 않기 때문에 그것은

Answer 3

$(document).ready(function($){ 
     $('#button').click(function(){ 
      var val = $(':radio[name=rdo_1]:checked').val(); 
      document.location.href = 'http://localhost/test/val1.html?radio='+val; 
     }); 
}); 

Answer 4

jQuery를 더 나은를 추가하는 것을 잊지 마세요 :

$('input[@name="NAME"]:checked').val(); 

자바 스크립트 :

var radios = document.getElementsByName('NAME'); 

for (var i = 0, length = radios.length; i < length; i++) { 
if (radios[i].checked) { 
    alert(radios[i].value); 
} 
} 

Answer 5

버튼 지정 처리기에서 var 지정이 필요합니다. 이 작업을 수행하지 않으면로드 할 때 할당되고 변경 사항은 기능에 영향을 미치지 않습니다.

$(function() { 
    $('#button').click(function(){ 
     var val = $(':radio[name=rdo_1]:checked').val(); 
     document.location.href = 'http://localhost/test/val1.html?radio_button_value=' + val 
    }); 
}); 

참고 : 문서 준비의 축약 버전도 사용했습니다.

Answer 6

시도 다음

<script type="text/javascript"> 
$(document).ready(function($){ 

    $('#button').click(function(){ 
     var val = $('input[type=radio][name=rdo_1]:checked').val(); 
     var url="http://localhost/test/"+val+".html"; 
     window.location.href = url; 

    }); 
}); 
</script>