javascript - javascript更改并发送多个复选框值

H，我有4个复选框，单击和取消单击时都需要设置值。我有适用于第一个代码的代码，但正努力使其与其他三个代码一起工作？

该代码是

<label><input type="checkbox" name="colorCheckbox" value="red"> Return journey required?</label>
<div align="left"> <label><input type="checkbox" name="signs" id="signs"> Non sign written</label></div>
<div align="left"> <label><input type="checkbox" name="disabled" id="disabled"> Disabled access</label></div>
<div align="left"> <label><input type="checkbox" name="female" id="female"> Female driver</label></div>

而第一次使用的js是：

$(document).ready(function(){
    $('input[type="checkbox"]').click(function(){
        var inputValue = $(this).attr("value");
        $("." + inputValue).toggle();

    if (this.checked){
        document.getElementById("return_required").value = "YES";
    }
    else {
        document.getElementById("return_required").value = "NO";
    }
  });
});

最佳答案

因为它们没有第一个值。他们有一个身份证。

您正在获取输入值并对其进行处理，因此，如果输入中没有值，则将无法选择它。

var inputValue = $(this).attr("value"); // Offending line, because only your first input has a value.
$("." + inputValue).toggle();