这是一个使用HTML和JavaScript的解决方案,演示了如何创建两个具有相同名称的复选框,并且当其中一个被选中时,另一个也会被选中。
Aria幸福-两个具有相同名称的复选框
两个具有相同名称的复选框
这个示例中有两个具有相同名称的复选框,它们都具有相同的name
属性,这是为了将它们关联在一起。当任何一个复选框的状态发生改变时,syncCheckboxes
函数会被调用,并传入发生改变的复选框作为参数。
syncCheckboxes
函数获取具有相同名称的所有复选框,并使用一个循环来将它们的选中状态与当前复选框的状态同步。这样,无论哪个复选框被选中,另一个复选框都会被自动选中。
你可以将以上代码复制到一个HTML文件中并在浏览器中打开来查看效果。