当我们选择页面中的文本框时,在选择该chk框时在另一页中显示一些文本


when we select textbox in page ,display the some text in another page during selecting that chk box

我用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>