php单选按钮问题
这种效果如何做呀我知道用<inputtype="radio">,我想要上面的那种效果,当我选择网银时,出来上面的两个框,下面的两个框隐藏;当我选择学习卡时,出来下面的那个...
这种效果如何做呀
我知道用<input type="radio"> ,我想要上面的那种效果,当我选择网银时,出来上面的两个框,下面的两个框隐藏;当我选择学习卡时,出来下面的那个框,上面的两个框隐藏,是这个的效果,你没有明白我的意思 展开
我知道用<input type="radio"> ,我想要上面的那种效果,当我选择网银时,出来上面的两个框,下面的两个框隐藏;当我选择学习卡时,出来下面的那个框,上面的两个框隐藏,是这个的效果,你没有明白我的意思 展开
3个回答
展开全部
用ajax:
test.php代码:
<?php
header("Content-Type: text/xml;charset=GB2312");//处理发送给ajax的中文信息不会出现乱码
$md = $_GET["md"];
$sInfo = "";
if ($md == "xuexika")
{
$sInfo = "请输入卡号:<input type=\"text\" name=\"kahao\"></input><br />
请输入密码:<input type=\"text\" name=\"mima\"></input>";
}
else if ($md == "wangyin")
{
$sInfo = "请选择充值方式:
<select name=\"bizhong\">
<option value=\"renminbi\" >人民币</option>
<option value=\"meiyuan\">美元</option>
</select><br />
请选择充值金额:
<input type=\"text\" name=\"jinge\"></input>";
}
echo $sInfo;
?>
test.html代码:
<script type="text/javascript">
function requestInfo()
{
var mdall = document.getElementsByName("chace");
var md = "";
for(var i=0; i<mdall.length; i++)
{
if(mdall[i].checked){
md=mdall[i].value;
}
}
var oXmlHttp = createXMLHttp();
oXmlHttp.open("get", "test.php?md="+md, true);
oXmlHttp.onreadystatechange = function () {
if (oXmlHttp.readyState == 4) {
if (oXmlHttp.status == 200) {
displayInfo(oXmlHttp.responseText);
} else {
displayInfo("An error occurred: " + oXmlHttp.statusText);
}
}
}
oXmlHttp.send(null);
}
function createXMLHttp()
{
if (typeof XMLHttpRequest != "undefined")
{
return new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
var aVersions = [ "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "Microsoft.XMLHttp"];
for (var i = 0; i < aVersions.length; i++)
{
try
{
var oXmlHttp = new ActiveXObject(aVersions[i]);
return oXmlHttp;
}
catch (oError)
{
//Do nothing
}
}
}
throw new Error("XMLHttp object could not be created.");
}
function displayInfo(sText)
{
var divInfo = document.getElementById("divInfo");
divInfo.innerHTML = sText;
}
</script>
支付方式:
<input type="radio" id="chace" name="chace" value="wangyin" onclick="requestInfo()">网银</input>
<input type="radio" id="chace" name="chace" value="xuexika" onclick="requestInfo()" >学习卡</input>
<div id="divInfo"></div>
你运行test.htm就可以实现你需要的功能。
test.php代码:
<?php
header("Content-Type: text/xml;charset=GB2312");//处理发送给ajax的中文信息不会出现乱码
$md = $_GET["md"];
$sInfo = "";
if ($md == "xuexika")
{
$sInfo = "请输入卡号:<input type=\"text\" name=\"kahao\"></input><br />
请输入密码:<input type=\"text\" name=\"mima\"></input>";
}
else if ($md == "wangyin")
{
$sInfo = "请选择充值方式:
<select name=\"bizhong\">
<option value=\"renminbi\" >人民币</option>
<option value=\"meiyuan\">美元</option>
</select><br />
请选择充值金额:
<input type=\"text\" name=\"jinge\"></input>";
}
echo $sInfo;
?>
test.html代码:
<script type="text/javascript">
function requestInfo()
{
var mdall = document.getElementsByName("chace");
var md = "";
for(var i=0; i<mdall.length; i++)
{
if(mdall[i].checked){
md=mdall[i].value;
}
}
var oXmlHttp = createXMLHttp();
oXmlHttp.open("get", "test.php?md="+md, true);
oXmlHttp.onreadystatechange = function () {
if (oXmlHttp.readyState == 4) {
if (oXmlHttp.status == 200) {
displayInfo(oXmlHttp.responseText);
} else {
displayInfo("An error occurred: " + oXmlHttp.statusText);
}
}
}
oXmlHttp.send(null);
}
function createXMLHttp()
{
if (typeof XMLHttpRequest != "undefined")
{
return new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
var aVersions = [ "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "Microsoft.XMLHttp"];
for (var i = 0; i < aVersions.length; i++)
{
try
{
var oXmlHttp = new ActiveXObject(aVersions[i]);
return oXmlHttp;
}
catch (oError)
{
//Do nothing
}
}
}
throw new Error("XMLHttp object could not be created.");
}
function displayInfo(sText)
{
var divInfo = document.getElementById("divInfo");
divInfo.innerHTML = sText;
}
</script>
支付方式:
<input type="radio" id="chace" name="chace" value="wangyin" onclick="requestInfo()">网银</input>
<input type="radio" id="chace" name="chace" value="xuexika" onclick="requestInfo()" >学习卡</input>
<div id="divInfo"></div>
你运行test.htm就可以实现你需要的功能。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
index.php 提交到 do.php
do.php 页判断
//假定 1=平邮 2=快递 3=EMS 4=同城快递
<?php
switch ($_POST['od[freight]'])
{
case 1:
echo "平邮";
break;
case 2:
echo "快递";
break;
case 3:
echo "EMS";
break;
case 4:
echo "同城快递";
}
?>
do.php 页判断
//假定 1=平邮 2=快递 3=EMS 4=同城快递
<?php
switch ($_POST['od[freight]'])
{
case 1:
echo "平邮";
break;
case 2:
echo "快递";
break;
case 3:
echo "EMS";
break;
case 4:
echo "同城快递";
}
?>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<input type="radio">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询