HTMLページに「checked」キーワードがないチェックボックスのリストがあります。たとえば、a1、b1、c1 のチェックボックスがあるとします。
ページが読み込まれた後、UI で a1 と b1 を選択します。ページを更新すると、HTML でチェック済みとしてマークされていなくても、a1 と b1 が自動的にチェックされます。これを修正する方法は?
上記のものをFirefoxブラウザでテストしました。
HTMLページに「checked」キーワードがないチェックボックスのリストがあります。たとえば、a1、b1、c1 のチェックボックスがあるとします。
ページが読み込まれた後、UI で a1 と b1 を選択します。ページを更新すると、HTML でチェック済みとしてマークされていなくても、a1 と b1 が自動的にチェックされます。これを修正する方法は?
上記のものをFirefoxブラウザでテストしました。
autocomplete = "off" 属性を使用する必要があります。詳細については、https: //developer.mozilla.org/en/How_to_Turn_Off_Form_Autocompletion をご覧ください。
JS のフォーム処理を使用して、ページの読み込み時にすべてのボックスをクリアする機能があります
<script type='text/javascript'>
function clearCheck() {
var form = document.forms["form"];
for (var i = 0; i < form.elements.length; i++ ) {
if (form.elements[i].type == 'checkbox') {
if (form.elements[i].checked == true) {
form.elements[i].checked = false;
}
}
}
}
</script>
<body onload='clearCheck()'>
<form name='form'>
<input type='checkbox' name='a1' value='a1'><br>
<input type='checkbox' name='b1' value='b1'><br>
<input type='checkbox' name='c1' value='c1'>
</form>