我用html设计了2个页面,当我们在一个页面中选中复选框时,我必须在另一个页面中显示一些文本。
第一页中的代码是
<p style="margin: 25px 0px 0px 10px; font:13px verdana;">would you like to show others to copy ?</p>
<input type="checkbox" name="remember" id="remember1" style="border: 0px;padding: 10px; margin-left:125px;font-size:12px;" />Yes<a href="#"></a><br/>
<input type="checkbox" name="remember" id="remember2" style="border: 0px;padding: 10px; margin-left:125px;font-size:12px;" />No<a href="#"></a>
在这里,当我在此选择"是"时,我必须将文本显示为"您必须向其他人展示"。and当我选择否时,它必须显示为"您无权向其他人显示"。
谁能帮我?
唯一的方法是做一个表单,并使用_POST或_GET服务器端语言(如 PHP ASP 等)将其发布到另一个页面中,因此当用户提交表单时,它会显示在另一个页面上您是否愿意。
您必须使用窗体或 AJAX 将该值发布到服务器。然后在此过程中将该值写入数据库。因此,您将知道将显示或不显示哪个文件/页面/副本/任何内容。
--
(附言如果只是一次性使用,请尝试将值分配给会话变量 - 以防万一您没有数据库。
首先,
您可以使用type="radio"来避免"是"和"否"同时选择两者:
<input onchange="setCookie('choice','yes');" type="radio" name="remember" id="remember1"
style="border: 0px;padding: 10px; margin-left:125px;font-size:12px;" />Yes<a href="#"></a><br/>
<input onchange="setCookie('choice','no');" type="radio" name="remember" id="remember2"
style="border: 0px;padding: 10px; margin-left:125px;font-size:12px;" />No<a href="#"></a>
然后,您可以使用 cookie 将选择从一个页面传递到另一个页面。在输入的页面中:
<script type="text/javascript">
// set default
document.getElementById("remember1").checked="true";
setCookie('choice','yes');
function setCookie(cookieName, cookieVal) {
//alert("setCookie "+cookieName+"="+cookieVal);
document.cookie=cookieName+"="+cookieVal;
}
</script>
在页面中可以回忆选择:
<script type="text/javascript">
function getCookie(cookieName) {
var cookies = document.cookie.split(";");
for(var i = 0; i<cookies.length; i++) {
var cookie = cookies[i].replace(/^'s+/, "");
var nameVal = cookie.split("=");
var name = nameVal[0];
var val = cookie.substr(name.length+1);
if(name==cookieName) return val;
}
return null;
}
alert(getCookie("choice"));
</script>