チェックボックスがチェックされているときにフィールドを表示(非表示/表示)するコードを書きました。ジャバスクリプトは以下
if(document.getElementById("checkBox") != null){
if(!document.getElementById("checkBox").checked){
document.getElementById("displayField1").style.display = "none";
document.getElementById("displayField2").style.display = "none";
document.getElementById("displayField3").style.display = "none";
}else{
document.getElementById("displayField1").style.display = "";
document.getElementById("displayField2").style.display = "";
document.getElementById("displayField3").style.display = "";
}
}
JQuery で
$(document).ready(function(){
if ($('#checkBox').is(':checked')) {
$("#displayField1").show();
$("#displayField2").show();
$("#displayField3").show();
} else {
$("#displayField1").hide();
$("#displayField2").hide();
$("#displayField3").hide();
}
});
ページが更新された後、IE8 では正常に動作しますが、IE7 では動作しません。jqueryも試しましたが、まだこの問題に直面しています。