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

-1

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

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

来源

2015-04-23 Khandaker

你的问题不明确 – niyou

试试这个

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

PS：改变方法，如果你不使用GET

来源

2015-04-23 06:01:34 madalinivascu

它的工作原理...谢谢你@madalin ivascu – Khandaker

使用的单选按钮的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>

来源

2015-04-23 06:18:43 Priyank

我的坏.....我已经这样做了，现在我只是想插入数据进入数据库。谢谢 – Khandaker

这可以帮助你显示和隐藏基于单选按钮的选择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

来源

2015-04-23 07:17:11

请再次阅读这个问题....我的问题是不显示或隐藏。 – Khandaker

我的问题是，如何从所选的输入字段获取数据 – Khandaker

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

回答

相关问题