Javascript 单击单选按钮时发布jQuery

我对单选按钮中的jquerypost有问题。当我使用jqueryajaxpost单击单选按钮时，无法保存单选按钮值

这是我的表格：

<?php
  $jaw = mysql_query("SELECT * FROM jwb");
  $j=mysql_fetch_array($jaw);
?>
<div id="id_jwb"><?php echo $j['id_jwb'];?></div><?php echo $j['jwb'];?><br>
<input type="radio" name="jwb1" value="A" id="jwb1" <?php if($j['jwb']=='A'){echo 'checked';}?>>A<br>
<input type="radio" name="jwb1" value="B" id="jwb1" <?php if($j['jwb']=='B'){echo 'checked';}?>>B<br>
<input type="radio" name="jwb1" value="C" id="jwb1" <?php if($j['jwb']=='C'){echo 'checked';}?>>C<br>

下面是我要插入db的php文件：

$con = mysql_connect($host, $username, $password);
mysql_select_db($database, $con);

$jwb = $_POST['jwb']; // $_POST['jwb'] dari jQuery-post
$id = $_POST['id_jwb'];

$sql = "UPDATE jwb SET jwb='{$jwb}' WHERE id_jwb='$id'";
$query = mysql_query($sql, $con);
if($query){
    echo 'sukses';
}
else{
    echo 'gagal';
}

---

问题在于html/jQuery。您正在尝试使用单选按钮的id，但是所有三个单选按钮都具有相同的id值，因此浏览器不知道您希望它获取哪个值。您可以通过使用以下jQuery来解决此问题，jQuery使用输入名称而不是id，并且只获取选中单选按钮的值：

$("input[name=jwb1]").click(function(){
    var jawaban = $("input[name=jwb1]:checked").val();
    var id_jawaban = $("input[name=jwb1]:checked").html();
    $.post('update_jwb.php',{ jwb: jawaban, id_jwb: id_jawaban });
});

我还注意到这些输入没有任何内部HTML，因此

$("input[name=jwb1]:checked").html()

…不会返回任何内容，因此“id_jwb”post值将始终为空。这意味着你几乎可以摆脱这个帖子的价值

如果要提交所选单选按钮的值和id，则需要使每个单选按钮都具有唯一的id。然后使用以下jQuery：

$("input[name=jwb1]").click(function(){
    var jawaban = $("input[name=jwb1]:checked").val();
    var id_jawaban = $("input[name=jwb1]:checked").attr("id");
    $.post('update_jwb.php',{ jwb: jawaban, id_jwb: id_jawaban });
});

---

每个id值在文档中只能使用一次。如果为多个元素分配了相同的ID，则使用该ID的查询将只选择DOM中第一个匹配的元素。然而，这种行为不应该被依赖；包含多个使用相同ID的元素的文档无效

---

因此，我建议您使用带有输入标记的类，并使用类选择器来附加单击事件。

嘿，很酷，我没有更改id_jwb，但我只更改了$（“输入[name=jwb1]”）。单击（函数（）{//jika id“jwb1”diklik var jawaban=$（“输入[name=jwb1]：选中”）.val（）；var id_jawaban=$（“#id_jwb1”）.html（）（'update_jwb.php'，{jwb:jawaban，id_jwb:id_jawaban}）；}）；它很有效。谢谢你的帮助。

$("input[name=jwb1]").click(function(){
    var jawaban = $("input[name=jwb1]:checked").val();
    var id_jawaban = $("input[name=jwb1]:checked").attr("id");
    $.post('update_jwb.php',{ jwb: jawaban, id_jwb: id_jawaban });
});