我有一个表格,我用了一个单选按钮。当用户选择文件时,输入文件显示字段和选择文本输入字段时显示文本。我的问题是如何从具有另外两个输入字段的单选按钮获取数据。
<div class="span7">
<b>Select File or Link</b>
<input type="radio" name="Telephone" value="filelink1" id="rad1" checked="" />File
<input type="radio" name="Telephone" value="filelink2" id="rad2" />Link
</div>
<div class="span7" id="linkname">
<b>Press Release link</b>
<br/>
<input type="text" name="link" placeholder="Press Link" />
</div>
<div class="span7" style="margin-left:42px;display: none;" id="filename">
<b>Press Release File</b>
<br/>
<input type="file" name="file" />
</div>
<!--Onselect Radio button -->
答案 0 :(得分:1)
试试这个
if ($_GET['Telephone'] == 'filelink1') {
$val = $_GET['file']; }
else {
$val = $_GET['link']; }
ps:如果不使用GET,则更改方法
答案 1 :(得分:0)
使用单选按钮的onclick事件并将其作为参数传递。 这会将引用传递给单击的元素,通过检查其值,我们可以执行逻辑。见下文
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function OnTelephoneSelect(radioButton)
{
if (radioButton.value=="filelink1") {
document.getElementById("linkname").style.display = "none";
document.getElementById("filename").style.display = "";
}
else
{
document.getElementById("linkname").style.display = "";
document.getElementById("filename").style.display = "none";
}
}
</script>
</head>
<body>
<div class="span7">
<b>Select File or Link</b>
<input type="radio" name="Telephone" value="filelink1" id="rad1" checked="" onclick="OnTelephoneSelect(this)"/>File
<input type="radio" name="Telephone" value="filelink2" id="rad2" onclick="OnTelephoneSelect(this)" />Link
</div>
<div class="span7" id="linkname" style="display: none;">
<b>Press Release link</b>
<br />
<input type="text" name="link" placeholder="Press Link" />
</div>
<div class="span7" style="margin-left:42px;" id="filename">
<b>Press Release File</b>
<br />
<input type="file" name="file" />
</div>
</body>
</html>
答案 2 :(得分:0)
这可以帮助您根据选择的单选按钮显示和隐藏div元素。
<div class="span7">
<b>Select File or Link</b>
<input type="radio" name="Telephone" value="filelink1" id="rad1" checked="" />File
<input type="radio" name="Telephone" value="filelink2" id="rad2" />Link
</div>
<div class="span7" id="linkname">
<b>Press Release link</b>
<br/>
<input type="text" name="link" placeholder="Press Link" />
</div>
<div class="span7" style="margin-left:42px;display: none;" id="filename">
<b>Press Release File</b>
<br/>
<input type="file" name="file" />
</div>
<script type="text/javascript">
$(document).ready(function(){
$('input[type="radio"]').click(function(){
if($(this).attr("value")=="filelink1")
{
$("#filename").hide();
$("#linkname").show();
}
if($(this).attr("value")=="filelink2")
{
$("#linkname").hide();
$("#filename").show();
}
});
});
</script>
直播演示click here