Javascript 使用按钮选中html复选框

我正在谷歌上的任何地方努力寻找解决方案，也许我搜索不正确，但我想我会来问问StackOverflow的值得信赖的成员

我想使用一个html按钮来选中一个html复选框。我不想使用该复选框的原因纯粹是出于可访问性的原因，因为我正在开发的应用程序将在终端上，并通过触摸屏使用，因此HTML复选框太小

唯一的问题是复选框列表是动态的，因为它是使用SQL查询填充的。显然，我也可以创建HTML按钮

我猜它将需要JavaScript（我很高兴现在使用它，因为我在这个应用程序中发现了很多需要JavaScript的功能）来实现这个功能

因此，为了澄清：我想点击一个按钮，说它有一个值“Fin Rot”，并用值“Fin Rot”选中复选框。然后如果我点击了另一个按钮，比如说它有一个“Ich”值，那么它也会选中带有“Ich”值的复选框。虽然你可以使用一个按钮和JavaScript来实现这一点，我可以建议一种更简单的方法吗？只需使用专门为此设计的

，并将其样式设置为按钮，例如：

<input type="checkbox" id="finRot" name="something" value="Fin Rot">
<label for="finRot">Some text here, could be "Fin Rot"</label>

..然后使用CSS，如果需要，您可以隐藏复选框，但可以单击任一复选框来切换复选框

---

，如果需要，还会在标签上显示一些按钮样式的CSS。

此示例使用一个按钮来打开/关闭复选框

鳍腐病

HTML解决方案怎么样

 <p><input type="checkbox"
 value="Another check box"
 name="cboxwithlabel" id="idbox"><label
 for="idbox">Another
 checkbox</label></p>

另一个
复选框

---

为复选框或单选按钮创建标签。

如果您正在寻找引导解决方案，我刚刚创建了以下内容：

单击以切换复选框

+1比你发布这篇文章时我写的基于JS的解决方案好得多…@Felix-不，这是属性块的

，从Netscape开始工作：）@Felix:它适合我（Chrome 8.x，Ubuntu 10.10）只要“for”属性的值与相关
input
元素的
id
完全相同。@Nick Craver，@David Thomas:噢，我刚刚复制了Nick的代码，它仍然是
id“finRot”
。。。那没关系；）@菲利克斯-打字错误！我想我很快就抓住了：“（或者，事实上，任何其他
输入
（和
文本区域
）元素…=）谢谢，你知道这篇文章已经9年了吧？我知道。。尽管如此，谷歌还是让我找到了这篇文章。因此，我认为将我的方法作为潜在探视者的参考可能会有所帮助。
<input type="checkbox" id="finRot" name="something" value="Fin Rot">
<button onclick="document.getElementById('finRot').checked=!document.getElementById('finRot').checked;">Fin Rot</button>

 <p><input type="checkbox"
 value="Another check box"
 name="cboxwithlabel" id="idbox"><label
 for="idbox">Another
 checkbox</label></p>