javascript - Radio button check and uncheck onclick and send data

Solution:

A checkbox and

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

is all you need

If you MUST use a radio, have a look at this

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;
}); 
Copy code

Solution:

Radio buttons are used when there is multiple options and user should check only one option.so,user can't uncheck a radio button when already checked.you explicitly make a onclick listener and change the radio button status.but it's not advisable.you can use checkbox for this purpose with onchange event.

$(checkEle).on("change",function(){
  var status = $(this).prop("checked");
  sendStatus(status);
}
Copy code

Solution:

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

<script>
$(document).ready(function(){
    $('input[type="radio"]').click(function(){
        var data = {home:"0",id:$(this).attr("id")};
        if ($(this).is(":checked")) {
            data = {home:"1",id:$(this).attr("id")};
        }
         $.ajax({
                 url:"updateaddress.php",
                 method:"POST",
                 data:data,
         });

    });                           
});
</script>
Copy code

You can use this script.Just check if radio button is checked or not and send your values accordingly.