如何从单选按钮下的两个输入字段获取数据

时间:2015-04-23 05:58:19

标签: javascript php jquery html

我有一个表格,我用了一个单选按钮。当用户选择文件时,输入文件显示字段和选择文本输入字段时显示文本。我的问题是如何从具有另外两个输入字段的单选按钮获取数据。

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

3 个答案:

答案 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