Javascript 根据复选框在页面加载时隐藏Div

Javascript 根据复选框在页面加载时隐藏Div,javascript,html,Javascript,Html,我只想在页面加载时隐藏一个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

我只想在页面加载时隐藏一个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
} }捕获(){


}

为该div指定任何类名。 页面加载的Jquery代码

$(document).ready(function() {
  $(".classname").hide();
});
如果选中该复选框,则在该选择框中,将

onclick='show_selected_div();'

JS代码

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

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

$('<checkboxid>').click ( function() {
  $('<divid>').hide();
});
$(“”)。单击(函数(){
$('').hide();
});

超级模糊问题的超级模糊答案:

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

在html中:

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

mz

?这个问题没有提供足够的信息。您可以添加更多的细节和/或您的代码来演示这个问题吗?到目前为止您做了什么?-1因为问题中没有提到jQuery。我会首先通过对问题的评论来澄清技术。实际上没有问题,这个复选框在While循环中,所以我无法确定它的唯一id,如果循环5次,那么我将如何识别特定的复选框名称或id1。在最初的问题中,你们并没有写任何关于循环和唯一ID的内容。请在会议上澄清这一点。2.“while”循环是什么意思?在服务器端?或者你在客户端循环它们?实际上,值来自div中的数据库,复选框也在那里,如果选中了相应的复选框,我必须隐藏div对不起,我想我帮不了你。对于你想要达到的目标没有清晰的描述。您已经展示了一些(可能)Java代码,但没有说明是否正在使用任何框架。看起来您想在服务器端隐藏它,但是“javascript”标记根本不相关。Div也在里面,而loop-1在问题中没有提到jQuery。我会首先通过评论这个问题来澄清技术。伙计,你提到你的技术真的很好,但是你忘了提到不要使用Jquery。Jquery使事情变得更简单、更好。所以我建议使用Jquery代码。无论如何,这是你的选择,如何反应。
var checkbox = document.getElementById("check"),
    msg = document.getElementById('msg');

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