Javascript 根据复选框在页面加载时隐藏Div
我只想在页面加载时隐藏一个div,它取决于复选框,如果复选框被选中,那么它在页面加载时隐藏,如果没有,那么显示div要做什么Plz帮助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
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";