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

Question

H，我有 4 个复选框，需要在单击和取消单击时设置值。我的代码适用于第一个，但很难使其适用于其他 3 个？

代码是

<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";
    }
  });
});

Answer 1

因为它们没有像第一个那样的值。他们有一个 ID。

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

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