!javascript的有关问题!用两个radio来控制两个输入域的显示与隐藏
日期：2014-05-16 浏览次数：20419 次
求助!!javascript的问题!用两个radio来控制两个输入域的显示与隐藏
我想用JAVASCRIPT来控制两个输入域,其中一个显示另一个就看不到,不知谁有更好的办法,我的是这样的:
function groupsendorno1(){
document.all.checkit2.checked=false;
text1.style.visibility= "visible ";
text2.style.visibility= "hidden ";
}
function groupsendorno2(){
document.all.checkit1.checked=false;
text1.style.visibility= "hidden ";
text2.style.visibility= "visible ";
}
//用两个RADIO来控制显示
是否群发? 否: <input type= "radio " name= "checkit1 " value= "no " onClick= "groupsendorno1() " checked>
是: <input type= "radio " name= "checkit2 " value= "yes " onClick= "groupsendorno2() "> <br>
控制这两个输入域,具体我没拿出来,而实际上这样做是不行的,FORM提交时还是会把隐藏那个输入域的内容得到,谁有更好的办法解决!???感激不尽!!!
<div id= "text1 ">
</div>
<div id= "text2 ">
------解决方案--------------------
对啊。你只要把隐藏的输入框的disabled设置成true，那它就提交不了内容的啊。
------解决方案--------------------
function groupsendorno2(){
document.all.checkit1.checked=false;
text1.style.visibility= "hidden ";
text2.style.visibility= "visible ";
text1.disabled= "disabled ";
}
------解决方案--------------------
document.getElementById( "1 ").style.display = " ";
document.getElementById( "2 ").style.display = "none ";
给2块区域设个ID
------解决方案--------------------
无须控制显示与隐藏, 只需要一个表单域,
通过动态控制域的名称来改变提交结果。
代码如下:
<html>
<head>
<meta http-equiv= "Content-Language " content= "zh-cn ">
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> Test 5 - Hidding Form Field </title>
<script type= "text/javascript ">
// Code by Hidden, Inner Group (CSDN: gladisionboy)
window.onload=function () {
switchLoginType(login.fp1.checked?1:2); // 在载入完成时判断当前选中了哪个单选按钮。
login.fp1.onclick=onchangeLoginType; // 响应 Click 事件。
login.fp2.onclick=onchangeLoginType; // 响应 Click 事件。
alert(0);
login.submit.disabled=false; // 在脚本执行前提交按钮被禁用, 当初始化完成后激活提交按钮。
}
// 响应 Click 事件。
function onchangeLoginType() {
switchLoginType(event.srcElement.value.substr(1));
}
function switchLoginType(index) {
if(index==1) {
login.LT.name= "LoginEMail "; // 选项1被选中, 使用使用E-Mail登录, 将域名置为LoginEMail。
}
else if(index==2) {
login.LT.name= "LoginID "; // 选项2被选中, 使用使用ID登录, 将域名置为LoginID。
}
}
</script>
</head>
<body>
<form name= "login " method= "GET ">
<p> <input type= "radio " value= "V1 " checked name= "LoginType " id= "fp1 "> <label for= "fp1 "> 使用E-Mail登录 </label>
<input type= "radio " name= "LoginType &q
我想用JAVASCRIPT来控制两个输入域,其中一个显示另一个就看不到,不知谁有更好的办法,我的是这样的:
function groupsendorno1(){
document.all.checkit2.checked=false;
text1.style.visibility= "visible ";
text2.style.visibility= "hidden ";
}
function groupsendorno2(){
document.all.checkit1.checked=false;
text1.style.visibility= "hidden ";
text2.style.visibility= "visible ";
}
//用两个RADIO来控制显示
是否群发? 否: <input type= "radio " name= "checkit1 " value= "no " onClick= "groupsendorno1() " checked>
是: <input type= "radio " name= "checkit2 " value= "yes " onClick= "groupsendorno2() "> <br>
控制这两个输入域,具体我没拿出来,而实际上这样做是不行的,FORM提交时还是会把隐藏那个输入域的内容得到,谁有更好的办法解决!???感激不尽!!!
<div id= "text1 ">
</div>
<div id= "text2 ">
------解决方案--------------------
对啊。你只要把隐藏的输入框的disabled设置成true，那它就提交不了内容的啊。
------解决方案--------------------
function groupsendorno2(){
document.all.checkit1.checked=false;
text1.style.visibility= "hidden ";
text2.style.visibility= "visible ";
text1.disabled= "disabled ";
}
------解决方案--------------------
document.getElementById( "1 ").style.display = " ";
document.getElementById( "2 ").style.display = "none ";
给2块区域设个ID
------解决方案--------------------
无须控制显示与隐藏, 只需要一个表单域,
通过动态控制域的名称来改变提交结果。
代码如下:
<html>
<head>
<meta http-equiv= "Content-Language " content= "zh-cn ">
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> Test 5 - Hidding Form Field </title>
<script type= "text/javascript ">
// Code by Hidden, Inner Group (CSDN: gladisionboy)
window.onload=function () {
switchLoginType(login.fp1.checked?1:2); // 在载入完成时判断当前选中了哪个单选按钮。
login.fp1.onclick=onchangeLoginType; // 响应 Click 事件。
login.fp2.onclick=onchangeLoginType; // 响应 Click 事件。
alert(0);
login.submit.disabled=false; // 在脚本执行前提交按钮被禁用, 当初始化完成后激活提交按钮。
}
// 响应 Click 事件。
function onchangeLoginType() {
switchLoginType(event.srcElement.value.substr(1));
}
function switchLoginType(index) {
if(index==1) {
login.LT.name= "LoginEMail "; // 选项1被选中, 使用使用E-Mail登录, 将域名置为LoginEMail。
}
else if(index==2) {
login.LT.name= "LoginID "; // 选项2被选中, 使用使用ID登录, 将域名置为LoginID。
}
}
</script>
</head>
<body>
<form name= "login " method= "GET ">
<p> <input type= "radio " value= "V1 " checked name= "LoginType " id= "fp1 "> <label for= "fp1 "> 使用E-Mail登录 </label>
<input type= "radio " name= "LoginType &q
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
