Как проверить значение по умолчанию тега radiobutton и отобразить его содержимое?

Question

Как проверить значение по умолчанию тега radiobutton и отобразить его содержимое?

0

ниже приведен код для проверки значения по умолчанию для тега radioobutton, указав check = "checked", но я не могу отображать связанную форму по умолчанию, ее можно отобразить только тогда, когда я нажимаю на нее, как отображать кого-либо из эти формы по умолчанию?

HTML:

    <form>
  <label><input value="1" type="radio" name="formselector" checked="checked" onclick="displayForm(this)">Old Definitions</label>    
  <label><input value="2" type="radio" name="formselector" onclick="displayForm(this)">New Definition</label> 

  </form>

 <panel method="post" style="visibility:hidden" id="form1" name="form1">
 <table style="width:100%;">
   <tr>
    <th ><span class="dropt">ID Reserve Tracks</th>
  <td> 
      <input id="idtracks" autocomplete="off" name="idtracks" type="text" maxlength="50" >
 </td>
    </tr>
   </table>
   </panel>
   <panel style="visibility:hidden" id="form2">
   <table style="width:100%;">
   <th ><span class="dropt">MD Reserve Tracks</th>
  <td>
  <input id="mdtracks" autocomplete="off" name="mdtracks" type="text" maxlength="50" >
  </td>
   </table>
    </panel>

JavaScript:

         function displayForm(c){
            if(c.value == "1"){
                document.getElementById("form1").style.visibility='visible';
                document.getElementById("form2").style.visibility='collapse';
            }
            else if(c.value =="2"){
                document.getElementById("form1").style.visibility='collapse';
                document.getElementById("form2").style.visibility='visible';
            }
            else{
            }
        }

jsfiddle: http://jsfiddle.net/uLkHk/

Sachin 04 окт. 2013, в 01:09

Источник

1

Почему бы просто не установить видимость панели по умолчанию для отображения в HTML?
Barmar 03 окт. 2013, в 22:30
0

Ваш HTML-код недействителен, и каким должен быть элемент panel ?
David Thomas 04 окт. 2013, в 00:19

Теги:

javascript

html

1 ответ

Ещё вопросы

Почему бы просто не установить видимость панели по умолчанию для отображения в HTML?
Ваш HTML-код недействителен, и каким должен быть элемент panel ?

Tony · Answer 1 · 2013-10-03T22-27-00.000Z

Ваш Html не очень хорошо сформирован, вы должны это улучшить. Чтобы он работал так, как вы хотите, просто не устанавливайте флажок в HTML. Затем выберите его в JavaScript, вызвав метод Click. Посмотрите, я немного изменил ваш HTML, и он работает.

<html>
<body>
    <form>
    <label>
        <input value="1" type="radio" id="radioOld" name="formselector" onclick="displayForm(this)" />Old
        Definitions</label>
    <label>
        <input value="2" type="radio" id="radioNew" name="formselector" onclick="displayForm(this)" />New
        Definition</label>
    </form>
    <form method="post" style="visibility: hidden" id="form1" name="form1">
    <table style="width: 100%;">
        <tr>
            <td>
                <span class="dropt">ID Reserve Tracks</span>
            </td>
            <td>
                <input id="idtracks" autocomplete="off" name="idtracks" type="text" maxlength="50" />
            </td>
        </tr>
    </table>
    </form>
    <form style="visibility: hidden" id="form2">
    <table style="width: 100%;">
        <tr>
            <td>
                <span class="dropt">MD Reserve Tracks</span>
            </td>
            <td>
                <input id="mdtracks" autocomplete="off" name="mdtracks" type="text" maxlength="50" />
            </td>
        </tr>
    </table>
    </form>
    <script>
        function displayForm(c) {
            if (c.value == "1") {
                document.getElementById("form1").style.visibility = 'visible';
                document.getElementById("form2").style.visibility = 'collapse';
            }
            else if (c.value == "2") {
                document.getElementById("form1").style.visibility = 'collapse';
                document.getElementById("form2").style.visibility = 'visible';
            }
            else {
            }
        }   
    </script>
    <script>
        document.getElementById('radioOld').click();

        //document.getElementById('radioOld').checked = true;
        //var theDefaultOption = document.getElementById('formselector');
        //displayForm(theDefaultOption);
    </script>
</body>
</html>

Или вы можете просто установить видимость панели по умолчанию для видимого в HTML, как сказал Бармар.