ウェブフォームの提出のチェックボックスをプログラムでチェックしてください

Question

残念ながら、バルク/マス編集は実装されていません。何が非常に迷惑になることができますか？100を超えるレコードがある場合は特に更新する必要があります。私の場合、1000レコード前後あり、各レコードにはチェックボックスがありますが、現在チェックされているものはすべてチェックされていません。

私はそれらのボックスをチェックするためにJavaScriptをオンザフライで実行しようとしました。しかし、それはjavascriptを実行した後、すべてのチェックボックスにチェックマークを表示しました。フォームを提出した後、チェックされていない最初のチェックボックス（チェックボックスとして表示されたもの）が元の状態に戻されます（未チェック）。

オンザフライのjavascript FireFoxのコンソールから実行しました。

var x = document.querySelectorAll('input[name^="example"][type="checkbox"]'), i = 0; 
for (i = 0; i < x.length; i++) { 
    x[i].checked = true; 
    x[i].value = true; // I also tried 'on' 
} 

チェックボックスの初期マークアップ（手動）がチェックされ、チェックなし：私の知る限りchecked属性は、プログラマが上にチェックボックスを表示できるようにするために、視覚的に表現するためにのみ存在している知っているように

<input name="example[1]" checked="" type="checkbox"> 
<input name="example[2]" type="checkbox"> 

要素の初期化。また注意しておきたいのは、チェックボックスのチェックを外すと要素が変わらないということです。

私は適切なアプローチを使用していますか？もし私が間違っているよりも？あるいは私は目標を達成するために別のアプローチをとっていますか？私は何をすべきですか？

Answer 1

次を使用してみてください： -

x[i].setAttribute('checked', 'checked'); 

、あなたのオリジナルのコードを実行した後に入力を調べる場合は、それが唯一のこれはあなたのhtml異なり

<input name="example[2]" type="checkbox" value="true"> 

value属性を設定し、見ることができますチェックされた属性が設定されているチェックボックスを手動でクリックします。