//我是想判断checkbox状态,选中则显示一个table,取消选中则隐藏table<input type="checkbox" name="chk_shipinfo" id="ship_same" checked onclick="changeValues();" />
<script>
function changeValues()
{ if(info.document.getElementById('ship_same').checked==checked) //总是不行,不知道为什么
{
document.getElementById('shiptable').style.display="none"
}else
{document.getElementById('shiptable').style.display="block"}
}
</script>
<script>
function changeValues()
{ if(info.document.getElementById('ship_same').checked==checked) //总是不行,不知道为什么
{
document.getElementById('shiptable').style.display="none"
}else
{document.getElementById('shiptable').style.display="block"}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css">
td{
border:1px solid #D7D7D7;
}
</style>
<script type="text/javascript">
<!--
function show(ock){
document.getElementById("otbl").style.display = (ock.checked) ? "block" : "none";
}
//-->
</script>
</head> <body>
<input type="checkbox" id="ochk" checked onclick="show(this)" />
<br/>
<table id = "otbl" style="width:200px;height:100px;border:1px solid #D7D7D7;border-collapse:collapse;">
<tr>
<td>A1</td>
<td>B1</td>
</tr>
<tr>
<td>A2</td>
<td>B2</td>
</tr>
</table>
</body>
The value of "checked" should be true or false.
function changeValues()
{
if(info.document.getElementById('ship_same').checked) //checked 是一个布尔型。本身就能出现在if条件里。
{
document.getElementById('shiptable').style.display="none"
}
else
{
document.getElementById('shiptable').style.display="block"}
}
}
</script>
对,直接用就可以,因为返回值就是bool的
=>if(info.document.getElementById('ship_same').checked)
画蛇添足
得
if(info.document.getElementById('ship_same').checked=="checked")
asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<input type="checkbox" name="chk_shipinfo" id="ship_same" onclick="changeValues();" />
<script type="text/javascript" language="javascript">
<!--
function changeValues() {
if (document.getElementById("ship_same").checked) {
alert("Checked");
document.getElementById("TextBox1").style.display = "none";
} else {
alert("Unchecked");
document.getElementById("TextBox1").style.display = "block";
}
}
-->
</script>
checked = true||false;