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

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

javascript php jquery html

Javascript 如何从单选按钮下的两个输入字段获取数据,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一张单选按钮的表格。当用户选择文件时，显示文件的输入字段，当选择文本显示的文本输入字段时。我的问题是如何从另一个有两个输入字段的单选按钮获取数据 <div class="span7"> <b>Select File or Link</b> <input type="radio" name="Telephone" value="filelink1" id="rad1" checked="" />File <inpu

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

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

试试这个

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

if ($_GET['Telephone'] == 'filelink1') {
   $val = $_GET['file']; } 
else {
   $val = $_GET['link']; }

ps：若不使用单选按钮的GET

use onclick事件并将其作为参数传递，请更改方法。

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

这将把引用传递给单击的元素，通过检查其值，我们可以执行逻辑。见下文

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

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

这可能会帮助您根据单选按钮的选择显示和隐藏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>
<!--Onselect Radio button -->

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

对于live demo

您的问题不清楚我的问题不好…..我已经完成了，现在我只想将数据插入数据库。谢谢，我的问题是，如何从所选的输入字段中获取数据

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