无线电集团+ JavaScript的

Question

我想用几个单选按钮，选择后，将值后进行处理另一个页面，脚本如下： -

<script> 
function add_new_event(){ 
$.post('process.php',{ 

     event_color:document.getElementById('event_color').value, 

} 
</script> 

     <input type="radio" name="event_color" id="event_color" value="#FF0000"> Color A 
     <input type="radio" name="event_color" id="event_color" value="#FF6666"> Color B 
     <input type="radio" name="event_color" id="event_color" value="#66FF99"> Color C 
     <input type="radio" name="event_color" id="event_color" value="#CCFF66"> Color D 
     <input type="radio" name="event_color" id="event_color" value="#00CCFF"> Color E 
     <input type="radio" name="event_color" id="event_color" value="#996633"> Color F 

，我没有成功。代码有什么问题吗？谢谢！

Answer 1

一个ID应该是唯一的，你将所有元素作为目标，因为它们都具有相同的ID，期望得到回报。

您可以根据名称或类而不是要素：

<script type="text/javascript"> 
    $(function() { 
     function add_new_event(){ 
      var myValue = $('[name="event_color"]').filter(':checked').val(); 
      $.post('process.php',{ event_color : myValue }); 
     } 
    }); 
</script> 

HTML：

<input type="radio" name="event_color" value="#FF0000"> Color A 
    <input type="radio" name="event_color" value="#FF6666"> Color B 
    <input type="radio" name="event_color" value="#66FF99"> Color C 
    <input type="radio" name="event_color" value="#CCFF66"> Color D 
    <input type="radio" name="event_color" value="#00CCFF"> Color E 
    <input type="radio" name="event_color" value="#996633"> Color F​​​​​​​​​​​​​​​​​ 

FIDDLE

Answer 2

分配同一个类的所有单选按钮，然后使用这个

$('.ClassName:checked').val() 

Answer 3

为什么不使用jQuery呢？

$（ “输入[类型=无线电] [名称= event_color]：勾选”）