html 表单 多按钮选择 判断提交
有个页面，里面有4个单选按钮必须选中后点修改才能跳转到下个页面问题是我现在不知道怎么实现这一功能。现在点击修改的那个窗口是自动跳转到s0302（张三的修改页面）代码如下<...
有个页面，里面有4个单选按钮
必须选中后点修改才能跳转到下个页面
问题是我现在不知道怎么实现这一功能。现在点击修改的那个窗口是自动跳转到s0302（张三的修改页面）
代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用户管理列表</title>
</head>
<body>
<div><button onClick="location.href='s0301.html'">添加</button>
<button onClick="location.href='s0302.html'">修改</button><br><br></div>
<div style="width: 350px">
<table align="center" border="1" bordercolor="back">
<tr><th> </th><th width="100px">工号</th><th width="100px">姓名</th><th width="150px">权限</th></tr>
<tr align="center">
<td><input name=ft type="radio" id=ft2 checked="CHECKED"></td>
<td>n2001</td>
<td>张三</td>
<td>发卡 放行 管理员</td>
</tr>
<tr align="center">
<td><input name=ft type="radio" id=ft3></td>
<td>n2002</td>
<td>李四</td>
<td>发卡 放行 管理员</td>
</tr>
<tr align="center">
<td><input name=ft type="radio" id=ft4></td>
<td>n2003</td>
<td>小杨</td>
<td>发卡 放行 管理员</td>
</tr>
<tr align="center"><td><input name=ft type="radio" id=ft></td>
<td>n2004</td>
<td>小宝</td><td>发卡 放行 管理员</td></tr>
</table>
</div>
</body>
</html>
我想问下怎么增加按钮的判断功能，判断按钮选择了哪一个ID，点修改的话能跳转到相应界面。 展开
必须选中后点修改才能跳转到下个页面
问题是我现在不知道怎么实现这一功能。现在点击修改的那个窗口是自动跳转到s0302（张三的修改页面）
代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用户管理列表</title>
</head>
<body>
<div><button onClick="location.href='s0301.html'">添加</button>
<button onClick="location.href='s0302.html'">修改</button><br><br></div>
<div style="width: 350px">
<table align="center" border="1" bordercolor="back">
<tr><th> </th><th width="100px">工号</th><th width="100px">姓名</th><th width="150px">权限</th></tr>
<tr align="center">
<td><input name=ft type="radio" id=ft2 checked="CHECKED"></td>
<td>n2001</td>
<td>张三</td>
<td>发卡 放行 管理员</td>
</tr>
<tr align="center">
<td><input name=ft type="radio" id=ft3></td>
<td>n2002</td>
<td>李四</td>
<td>发卡 放行 管理员</td>
</tr>
<tr align="center">
<td><input name=ft type="radio" id=ft4></td>
<td>n2003</td>
<td>小杨</td>
<td>发卡 放行 管理员</td>
</tr>
<tr align="center"><td><input name=ft type="radio" id=ft></td>
<td>n2004</td>
<td>小宝</td><td>发卡 放行 管理员</td></tr>
</table>
</div>
</body>
</html>
我想问下怎么增加按钮的判断功能，判断按钮选择了哪一个ID，点修改的话能跳转到相应界面。 展开
展开全部
张三 李四 王五的 不重要 首先他们在数据库中必须有一个主键ID 点修改按钮你可以把ID传递 实际就是跨页面传值 方法很多了 你也可以使用JS
JS中可以用window.location.href属性获取完整地址,那么我们的参数完全可以使用GET模式来传递即表单的method="GET"
下边是用JS构造的获取get模式提交值的一个函数.
function Request(strName)
{
var strHref = window.document.location.href;
var intPos = strHref.indexOf("?");
var strRight = strHref.substr(intPos + 1);
var arrTmp = strRight.split("&");
for(var i = 0; i < arrTmp.length; i++)
{
var arrTemp = arrTmp[i].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return "";
}
使用方法:
var id=Request("id");
document.write(id);
有了这个函数我们就可以在test3页面上进行取值了.将取得的值付给文本框的value属性中即可
代码如下:
test2.htm
<title>test2</title>
<form method=get action="test3.htm">
<input name="abc"><input type="submit" value="提交">
</form>
test3.htm
<script>
function Request(strName)
{
var strHref = window.document.location.href;
var intPos = strHref.indexOf("?");
var strRight = strHref.substr(intPos + 1);
var arrTmp = strRight.split("&");
for(var i = 0; i < arrTmp.length; i++)
{
var arrTemp = arrTmp[i].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return "";
}
</script>
<title>test3</title>
<form method=get action="test3.htm" name=myform>
<input name="abc" value="请在文本输入框里输入内容"><input type="submit" value="提交">
</form>
<script>
Rtext=Request("abc")
if(Rtext!=""){
myform.abc.value=Rtext;
}
</script>
JS中可以用window.location.href属性获取完整地址,那么我们的参数完全可以使用GET模式来传递即表单的method="GET"
下边是用JS构造的获取get模式提交值的一个函数.
function Request(strName)
{
var strHref = window.document.location.href;
var intPos = strHref.indexOf("?");
var strRight = strHref.substr(intPos + 1);
var arrTmp = strRight.split("&");
for(var i = 0; i < arrTmp.length; i++)
{
var arrTemp = arrTmp[i].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return "";
}
使用方法:
var id=Request("id");
document.write(id);
有了这个函数我们就可以在test3页面上进行取值了.将取得的值付给文本框的value属性中即可
代码如下:
test2.htm
<title>test2</title>
<form method=get action="test3.htm">
<input name="abc"><input type="submit" value="提交">
</form>
test3.htm
<script>
function Request(strName)
{
var strHref = window.document.location.href;
var intPos = strHref.indexOf("?");
var strRight = strHref.substr(intPos + 1);
var arrTmp = strRight.split("&");
for(var i = 0; i < arrTmp.length; i++)
{
var arrTemp = arrTmp[i].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return "";
}
</script>
<title>test3</title>
<form method=get action="test3.htm" name=myform>
<input name="abc" value="请在文本输入框里输入内容"><input type="submit" value="提交">
</form>
<script>
Rtext=Request("abc")
if(Rtext!=""){
myform.abc.value=Rtext;
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
看你的代码是静态的页面啊~~要实现你说的功能必需要动态数据！要ID来判断的~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
