Question

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

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 =＆＃39; show_selected_div（）;＆＃39;

JS代码

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

Answer 4

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

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

隐藏Div On Page加载取决于复选框

4 个答案: