0

我试图在选择后使用一些单选按钮将值发布到另一个页面进行处理，脚本如下：-

<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

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

4

3 回答 3

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​​​​​​​​​​​​​​​​​

小提琴

于 2012-08-14T06:39:38.387 回答
0

为所有单选按钮分配相同的类，然后使用它

$('.ClassName:checked').val()
于 2012-08-14T06:41:03.457 回答
0

为什么不使用 jQuery 呢？

$("输入[type=radio][name=event_color]:checked")

于 2012-08-14T06:42:21.283 回答