JavaScript для отключения / включения флажка и выпадающего меню - PullRequest
Новая
       27

JavaScript для отключения / включения флажка и выпадающего меню

0 голосов
/ 14 июля 2011

Привет. Я пытаюсь отключить раскрывающийся список, когда флажок установлен, а когда флажок снят, включить раскрывающийся список. ниже мой javascript, и он работает, когда я проверяю флажок, но он не позволяет мне снять флажок: 

     <script type="text/javascript">

             function  test(obj){

                     if (document.getElementsByName("aForm[0].info")[0].checked = true) {  
                             alert("here");
                             document.getElementsByName("aForm[0].gender")[0].disabled = true; 
                    }
                     else document.getElementsByName("aForm[0].info")[0].checked = false;{
                     document.getElementsByName("aForm[0].gender")[0].enabled = true;


             }
             }

             </script>

а вот мой jsp 

   <logic:iterate id="data" name="aForm" property="testList">
            <tr>

                <td>
                <html:checkbox indexed="true" name="aForm" styleId="something" property="info" onclick="test(this)"/>

                </td>
                  <td>
                   <html:select name="aForm" indexed="true" property="unit" styleId="dropdown">
                                    <html:optionsCollection name="aForm" property="selectGender" value="value" label="label"/>
                            </html:select>
                            >
                  </td>
            </tr>
        </logic:iterate>

1 Ответ

1 голос
/ 14 июля 2011

Вы сохраняете значение, не сравнивая

Оператор if 

if( document.getElementsByName("aForm[0].info")[0].checked = true )

должен быть 

if( document.getElementsByName("aForm[0].info")[0].checked == true )

заметить ==

А что с else? 

else document.getElementsByName("aForm[0].info")[0].checked = false;{

Вы рассматриваете это как else if (), иначе там нет оператора.

Ваш код долженвыкидывать ошибки JavaScript при запуске.

И нет такой вещи, как включена, она просто отключена, true / false.

Ваш код должен выглядеть как 

function test(obj) {
    if (document.getElementsByName("aForm[0].info")[0].checked = true) {
        document.getElementsByName("aForm[0].gender")[0].disabled = true;
    }
    else {
        document.getElementsByName("aForm[0].gender")[0].disabled= false;
    }
}

, и его можно упроститьвсего 3 строки: 

function test(obj) {
        document.getElementsByName("aForm[0].gender")[0].disabled = document.getElementsByName("aForm[0].info")[0].checked;    
}

и заставить его работать без имен элементов: 

<script>
    function test(cb){
        cb.parentNode.parentNode.getElementsByTagName("select")[0].disabled = cb.checked;
    }
</script>

<table>
  <tbody>
    <tr>
        <td><input type="checkbox" onclick="test(this);"></td>
        <td><select><option>a</option><option>b</option></select></td>
    </tr>
    <tr>
        <td><input type="checkbox" onclick="test(this);"></td>
        <td><select><option>a</option><option>b</option></select></td>
    </tr>   
  </tbody>
</table>

Примечание: parentNode.parentNode обязательно нарушается при изменении структуры страницы.:)

...