广播组+ 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呢？

$（“input [type = radio] [name = event_color]：checked”）