无线电按钮不符合价值

时间:2013-08-13 04:53:59

标签: jquery mysqli

我正在尝试将数据输入到我的数据库中,并且没有任何单选按钮粘在一起。无论我改变它们,它们都保持不变。他们最初进展得很好(无论第一个按钮是什么,成功出现)。

<script type="text/javascript">
    $(document).ready(function () {
        $('#loadingstart').hide();
    });

    function walle() {
        $('#loadingstart').show();
        var product_id_array = $('#product_id_array').val();
        var position = $('#position').val();

        var URL = "./includes/user-course-settings.php"; /////post.php will be equal the variable "comment"

        $.post(URL,
            {
                walle: "post",
                username1: username,
                position1: position,
                navpos1: navpos
            },
            function (data) {//parameter wall will be equal "post", name1 will be equal to the var "name" and comment1 will be equal to the var "comment"
                $("#startOver").prepend(data).show();// the result will be placed above the the #result div
                $('#loadingstart').hide();
            });
    }
</script>

我不认为MYSQLI有什么特别的错误,因为它最初进入数据库。问题是,无论我选择什么,值都保留了分组单选按钮中的第一选择。

 <div id="form">
        <form>
            <input type="hidden" id="product_id_array" value="'.$product_id_array.'" />
            <div class="separateFormInput">
                <div class="radioFormQuestion">position</div>
                <div class="leftyRadio">
                    <li>
                        <input type="radio" id="position" name="position" value="left" checked="checked" />left</li>
                    <li>
                        <input type="radio" id="Radio1" name="position" value="center">center</li>
                    <li>
                        <input type="radio" id="Radio2" name="position" value="right">right</li>
                </div>

                <br />
                <hr>
            </div>
            <div class="separateFormInput">
                <div class="radioFormQuestion">Nav Position?</div>
                <div class="leftyRadio">

                    <li>
                        <input type="radio" name="navpos" value="Left" checked="checked" />Left</li>
                    <li>
                        <input type="radio" name="navpos" value="Center">Center</li>
                    <li>
                        <input type="radio" name="navpos" value="Right">Right</li>
                </div>

                <br />
                <hr>
            </div>
            <!--submit form here-->            
                       <div class="submit" id="textRight">
                           <input type="submit" name="button" id="button" value="Submit" onclick="return false" onmousedown="javascript:walle();" />
                           <img src="https://www.mysite.com/images/loading.gif" alt="" width="15" height="15" id="loadingstart" />

                       </div>
            <div id="startOver" style="clear: both; font-weight: normal; font-size: 12px;"></div>
        </form>
    </div>

1 个答案:

答案 0 :(得分:1)

无效将任何html元素添加到id与另一个元素相同的页面。

所有ID为position的三个单选按钮都无效。

这样做

$('#position').val();

永远不会找到任何多个元素,因为ids应该是唯一的

删除id,并通过此jquery方法

获取哪一个
$('input[name=position]:checked').val();

即。获取已检查单选按钮的值。它们都经常检查值

或使用课程