使用javascript更改复选框onclick事件的值

Question

<input type="checkbox" id="read" name="permission" onclick="$(this).val(this.checked ? 1 : 0)"/>   
<input type="checkbox" id="read" name="permission" onclick="$(this).val(this.checked ? 1 : 0)"/>   
<input type="checkbox" id="read" name="permission" onclick="$(this).val(this.checked ? 1 : 0)"/>   
<input type="checkbox" id="read" name="permission" onclick="$(this).val(this.checked ? 1 : 0)"/>   
<input type="checkbox" id="read" name="permission" onclick="$(this).val(this.checked ? 1 : 0)"/>    

我想更改复选框的值   假设

<input type="checkbox" name="check" value="0">Check

在onclick事件发生后，它会像这样改变

<input type="checkbox" name="check" value="1">Check                      

Answer 1

您可以使用复选框的change功能并更改值。如果选中

$("input[type='checkbox']").on("change",function(){
   if($(this).is(":checked"))
      $(this).val("1");
    else
      $(this).val("0");
});

<强> Demo