javascript - Toggle for multiple checkboxes – 原型(prototype)js

Question

我正在尝试为多个复选框实现切换，但如果我手动切换一个，则该复选框将不再被切换考虑。

var publishAll = $("toggle");
publishAll.observe('click', function(e){
	var state = null;
	if(this.checked) {
		state = "checked";
	} 
	$$('.checkbox').invoke('writeAttribute', 'checked', state);
});

<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script>
<input id="toggle" type="checkbox" name="toggle" value="true"> Toggle checkbox<br /><br />
    
check these manually and it won't work with toggle anymore.<br />
<input class="checkbox" type="checkbox" name="checkbox[]" value="1"><br />
<input class="checkbox" type="checkbox" name="checkbox[]" value="2">

我是不是做错了什么？

Answer 1

与其尝试将 checked 的属性设置为“checked”，不如使用 javascript true 或 false 以及使用 setValue() 方法

所以你可以像这样简化你的javascript

$("toggle").observe('click', function(e){
  $$('.checkbox').invoke('setValue',this.checked);
});