gpt4 book ai didi

javascript - 单选按钮选中和取消选中 onclick 并发送数据

转载 作者:行者123 更新时间:2023-11-28 17:34:20 25 4
gpt4 key购买 nike

我正在尝试使用单选按钮通过 ajax 发送 onclick 数据。如果单击并选中该单选按钮,则会在数据库中设置值 1。如果单选按钮已被选中,但单击取消选中它,则 0 值将发送到数据库。我使用的代码发送 onclick 值并检查单选按钮,但不会取消选中,因此不会将值发送到数据库。请帮忙。

<input type="radio" name="home['. $row["id"].']" id="'. $row["id"].'">

<script>
$(document).ready(function(){
$('input[type="radio"]').click(function(){

var checked = $(this).prop('checked');

if (checked != 'checked') {
$(this).prop('checked', true);
var id = $(this).attr('id');
$.ajax({
url:"updateaddress.php",
method:"POST",
data:{home:"1",id:id,},
});
} else if (checked == 'checked') {
$(this).prop('checked', false);
var id = $(this).attr('id');
$.ajax({
url:"updateaddress.php",
method:"POST",
data:{home:"0",id:id,},
});

}
});
});
</script>

最佳答案

一个复选框和

$('input[type="checkbox"]').on("click", function(){ 
$.post("updateaddress.php",{home:this.checked,id:this.id});
});

这就是你所需要的

如果您必须使用 radio ,请看看这个

How to Check/Uncheck single radio button

$('input[type="radio"]').on("click", function(){ 
$.post("updateaddress.php",{home:this.checked,id:this.id});
this.checked=!this.checked;
});

关于javascript - 单选按钮选中和取消选中 onclick 并发送数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49484601/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com