Question

我创建了一个包含两个单选按钮的表单。

单击时，每个单选按钮都会显示一个单独的表单。

取消单击按钮后，表单将从视图中消失（未显示）

我还添加了第二个JavaScript函数，它禁用＆＃34; SUBMIT ＆＃34;按钮，如果没有单击单选按钮。

该程序工作正常..........除了我有以下问题：

（a）由于某种原因，我可以点击两个单选按钮！单选按钮不应允许多个选择。但是，在我的表单中，两个单选按钮都是可点击的

（b）第二个JS功能不起作用;禁用SUBMIT按钮很容易。但是...........当我点击其中一个单选按钮时， SUBMIT按钮无法启用。

这是第一个JS函数（用于＆＃34;隐藏＆＃34;每个单选按钮下的表单）

      <script        
     src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
     </script>

        <script type='text/javascript'>
        function displayForm(c) {
            if (c.value == "2") {    
                jQuery('#firstformContainer').toggle('show');
                jQuery('#secondformContainer').hide();
            }
                if (c.value == "1") {
                 jQuery('#secondformContainer').toggle('show');
                 jQuery('#firstformContainer').hide();
            }
        };
        </script>

第二个功能，用于禁用SUBMIT按钮：

 <script type="text/javascript">
        function fCheck() { 
         document.my_form.submit.disabled 
         =!(document.my_form.formselector1.checked ||       
 document.my_form.formselector2.checked); 
         } 
 </script>

以下是表格：

    <form name="my_form" id="my_form">
            <input value="1" type="radio" name="formselector" 
    id="formselector1" onClick="displayForm(this); fCheck()"></input>Input 
     Firstname
            <div style="display:none" id="firstformContainer">
                <form id="firstform"> 
                            <input type="text" "16" id="firstname" 
      name="firstname" value="$firstname">
                        </form>
            </div>
            <br>
            <br>
            <input value="2" type="radio" name="formselector" 
       id="formselector2" onClick="displayForm(this); fCheck()">
       </input>Input Surname
            <div style="display:none" id="secondformContainer">
                <form id="secondform">
                    <input type="text" id="surname" name="surname" 
        value="$surname">
                </dd>
                </form>
            </div>
          <br>
          <input type="submit" name="submit" value="REGISTER" disabled>
       </form>

我错过了什么？

更新

我已经解决了 RADIO BUTTON 问题。

现在，我需要使用JS函数解决第二个问题： fCheck（）

它不起作用。

我有这种感觉因为：我没有在 ONCLICK 中正确调用两种功能。

   <input value="1" type="radio" name="formselector" id="radio1"   
   onClick="displayForm(this); javascript:fCheck()"></input>

   <input value="2" type="radio" name="formselector" id="radio2" 
   onClick="displayForm(this); javascript:fCheck()"></input>

搞乱我的单选按钮的JavaScript函数显示

0 个答案: