Question

我绝不是一个javascript程序员，所以如果有人可以帮我解决这个问题会很好。如果具有多个这些评级部分，例如下面的示例，则位于同一页面上。

现在我需要在没有提交按钮的情况下发送已被点击到我的数据库的radiobutton的值，最好不要刷新。

<body>
    <section class="rating">
        <input type="radio" class="radio twenty" name="progress" value="twenty" id="twenty" <?php if($num === 1) { echo 'checked'; } ?>>
        <label for="twenty" class="label">1</label>

        <input type="radio" class="radio fourty" name="progress" value="fourty" id="fourty" <?php if($num === 2) { echo 'checked'; } ?>>
        <label for="fourty" class="label">2</label>

        <input type="radio" class="radio sixty" name="progress" value="sixty" id="sixty" <?php if($num === 3) { echo 'checked'; } ?>>
        <label for="sixty" class="label">3</label>

        <input type="radio" class="radio eighty" name="progress" value="eighty" id="eighty"<?php if($num === 4) { echo 'checked'; } ?>>
        <label for="eighty" class="label">4</label>

        <input type="radio" class="radio onehundred" name="progress" value="onehundred" id="onehundred" <?php if($num === 5) { echo 'checked'; } ?>>
        <label for="onehundred" class="label">5</label>

        <div class="progress">
            <div class="progress-bar"></div>
        </div>
    </section>
</body>

我已经设置了对已检查的radiobutton的检索，使其对应的评级为1到5，因此我目前正在使用testdata来显示1到5的评级。

我不一定需要所有细节，需要完成的步骤概述已经非常有用了。

Answer 1

这应该这样做

DEMO

在jQuery包含之后将其添加到头部我将课程改为进度条的id

$(function() { // when document has loaded
  $(".radio").on("click",function() { // all radios with class="radio ..." 
    // ajax get or post someserver.php?value=twenty/fourty...
    $.get("someserver.php", {value:this.value},function(data) { 
      // add the returned value to a container
      $("#progress-bar").append("Updated "+ data); 
    });
  });
});

Answer 2

您可以使用AJAX。如果您正在使用Jquery，则可以使用单击处理程序检测元素单击并启动函数调用，然后调用AJAX函数与服务器端代码进行交互并将值发送到数据库中插入。

Answer 3

将onclick或onchange操作添加到使用适当参数发送ajax请求的输入
recive request，验证数据
插入/更新行

单选按钮值到mysql没有提交

3 个答案: