javascript - 根据复选框隐藏页面加载时的 div

Question

我只想在页面加载时隐藏一个 div，它取决于复选框，如果选中复选框，则它在页面加载时隐藏，如果没有，则显示 div 做什么请帮助....

try{
st1=con.createStatement();
String QueryString = "SELECT c.course_code,c.course_id,t.topic_name,l.lo_name,l.session,l.status,l.lo_id FROM course as c JOIN topic as t JOIN los as l WHERE c.course_id=t.course_id AND t.topic_id=l.topic_id AND t.topic_id = '"+top1+"'";

rs1 = st1.executeQuery(QueryString);
while (rs1.next()){
    id=rs1.getInt(7);
    course=rs1.getString(1);
    topicName=rs1.getString(3);
   lo=rs1.getString(4);
   sess=rs1.getString(5);


enter code here

} }抓住（）{

}

Answer 1

http://jsbin.com/aqakap/1/edit

在 html 中：

<input id="check" type="checkbox" checked/><label for="check">Check</label>
<div id="msg">
  aloha
</div>

在 JavaScript 中：

var checkbox = document.getElementById("check"),
    msg = document.getElementById('msg');

if (checkbox.checked)
  msg.style.display = "none";
else
  msg.style.display = "block";

mz

Answer 2

对超级模糊问题的超级模糊回答：

window.onload = function() {
    var checked = document.getElementById('checkbox').checked;
    document.getElementById('div').style.display = checked ? 'none' : 'block';
}

Answer 3

为该 div 提供任何类名。用于页面加载的 Jquery 代码。

$(document).ready(function() {
  $(".classname").hide();
});

如果选中复选框，则在该选择框中，输入

onclick='show_selected_div();'

JS代码

function show_selected_div(){
  $(".classname").show();
}

Answer 4

假设您使用的是 jQuery，这应该是您所需要的。

$('<checkboxid>').click ( function() {
  $('<divid>').hide();
});