2013-09-06 4 views
0

Я пытаюсь следовать этому руководству по руководству на этом сайте http://homepage.ntlworld.com/kayseycarvey/jss3p11.html?Использование JavaScript для проверки кнопок радиосвязи

Однако, когда я это сделал, я встретился с некоторыми трудностями. Несмотря на то, что я сделал то же самое. Прошу вас, если вы это знаете. Вот что я сделал:

<html> 
    <script> 
     function GetSelectedItem() { 

      chosen = "" 
      len = document.f1.r1.length 

      for (i = 0; i <len; i++) { 
       if (document.f1.r1[i].checked) { 
        chosen = document.f1.r1[i].value 
       } 
      } 

      if (chosen == "") { 
       alert("No Location Chosen") 
      } 
      else { 
       alert(chosen) 
      } 
     } 
    </script> 

    <body> 
     <form name="f1"> 
     <Input type = radio Name = r1 Value = "NE">North East 
     <Input type = radio Name = r1 Value = "NW">North West 
     <Input type = radio Name = r1 Value = "SE">South East 
     <Input type = radio Name = r1 Value = "SW">South West 
     <Input type = radio Name = r1 Value = "midlands">Midlands 
     </form> 


    </body></script> 
</html> 

На стороне записки, мне придется сделать что-нибудь в форме, чтобы вызвать функцию GetSelectedItem? Спасибо заранее!

ответ

0

добавить функцию GetSelectedItem() на OnChange событие вашей кнопки радио

 <input type="radio" onclick="GetSelectedItem()" value="NE" name="r1"> 
+0

Ничего себе, это именно то, что я хочу. Большое спасибо. С другой стороны, знаете ли вы какие-либо способы сохранить выбранное значение в локальной базе данных вместо предупреждения? – Eddy

+0

Это будет звучать по щелчку радио ... И сделает 'alert (« No Location Chosen »)' unlogical – Itay

+0

@Eddy по локальной базе данных вы имеете в виду базу данных sql или что-то вроде массива ????? –

0

Добавить onsubmit="javascript:GetSelectedItem();" в ваш form тег.

+2

['javascript:'] (http://stackoverflow.com/questions/18569815/whats-the-point-of-javascript-in-code-not-urls/18569877#18569877)? – Quentin

+0

Спасибо, но ничего не произошло, когда я добавил это. – Eddy

0
window.addEventListener('load', function() { 
for (var i = 0; i < document.f1.r1.length; i++) { 
    document.f1.r1[i].addEventListener("click", GetSelectedItem); 
} 
}, false); 

function GetSelectedItem() { 
alert(this.value); 
} 

http://jsfiddle.net/udSbL/2/

0

попробовать это

<input type="radio" onclick="autosubmit(this.value)" value="NE" name="r1"> 
<script type="text/javascript"> 
function autosubmit(value) { 
window.location='update.php?radiovalue='+value; 
} 
</script> 

update.php

$rbtn=$_GET['radiovalue']; 

//here your update query 
Смежные вопросы