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

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>

---

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

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

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

---

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

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

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

---

最简单的方法是使用

this.name

检查所单击元素的

name

，并手动将其与复选框匹配，然后为每个复选框编码逻辑。下面提供了一个示例：

$（文档）.ready（函数（）{
$（'input[type=“checkbox”]”）。单击（函数（）{
var inputValue=$（this.attr（“值”）；
$（“+inputValue）.toggle（）；
如果（this.name==“colorCheckbox”）
如果（选中此项）{
document.getElementById（“需要返回”）.value=“是”；
}否则{
document.getElementById（“需要返回”）.value=“否”；
}
else if（this.name==“signs”）{
console.log（“signs”）；//替换为逻辑
}else if（this.name==“已禁用”）{
console.log（“禁用”）；//替换为逻辑
}else if（this.name==“女性”）{
console.log（“女性”）；//使用逻辑重新安装
}
});
});

需要回程吗？
无符号书写
禁用访问
女司机


最简单的方法是使用
this.name
检查单击元素的
名称
，并手动将其与复选框匹配，然后为每个复选框编码逻辑。下面提供了一个示例：


$（文档）.ready（函数（）{
$（'input[type=“checkbox”]”）。单击（函数（）{
var inputValue=$（this.attr（“值”）；
$（“+inputValue）.toggle（）；
如果（this.name==“colorCheckbox”）
如果（选中此项）{
document.getElementById（“需要返回”）.value=“是”；
}否则{
document.getElementById（“需要返回”）.value=“否”；
}
else if（this.name==“signs”）{
console.log（“signs”）；//替换为逻辑
}else if（this.name==“已禁用”）{
console.log（“禁用”）；//替换为逻辑
}else if（this.name==“女性”）{
console.log（“女性”）；//使用逻辑重新安装
}
});
});

需要回程吗？
无符号书写
禁用访问
女司机


快速浏览，是因为您使用了
getElementById
，因为您在一个HTML中只能使用一次相同的ID。快速浏览，是因为您使用了
getElementById
，因为您在一个HTML中只能使用一次相同的ID。好的，如果我将值添加到其他3，我如何在js脚本中检查和设置它们？坦率地说，我不知道你在用代码xD尝试什么，我只是看到当单击复选框时，你用类“value”切换所有元素。您不是在“切换值”。因此，当您单击第一个值为“red”的元素时，您正在选择页面中所有具有类“red”a的元素来切换它们。当您通过添加一个点作为第一个字符进行选择时，您是按类进行选择：@Jules忘记标记以便得到通知。好的，如果我将值添加到其他3个字符中，我如何在js脚本中进行检查和设置？坦率地说，我真的不知道您在用代码xD尝试什么，我只看到当单击一个复选框时，使用类“value”切换所有元素。您不是在“切换值”。因此，当您单击第一个值为“red”的元素时，您正在选择页面中所有具有类“red”a的元素来切换它们。当您通过添加一个点作为第一个字符进行选择时，您是在按类进行选择：@Jules忘记标记，所以您会收到通知。