【问题标题】:javascript checkbox enable/disablejavascript复选框启用/禁用
【发布时间】:2011-03-07 10:03:39
【问题描述】:

好吧,这很烦人,而且可能很简单。我想用禁用的复选框开始我的网页,并在选择列表框中的特定行以启用这些框之后。所以我把这个放在onload方法中

onload = function () {
   for (i = 0; i < document.frmMain.checkgroup.length; i++){
        document.frmMain.checkgroup[i].disabled = true ;
   }
}

它以禁用框开始我的页面,现在我想启用它们

function enableCheckboxes(){
    if (document.frmMain.Vrste[document.frmMain.Vrste.selectedIndex].value == "Sendvici i Rostilj"){
        for(i=0;i<document.frmMain.checkgroup.length;i++){
       document.frmMain.checkgroup[i].enabled = true;

        }
    }
}

它进入 for 循环,但它从不启用这些复选框。我不知道为什么。

这是 html 部分,我在这里调用 enablecheckbox 函数:

<select name="Vrste" onChange="PopulatePodvrste(); enableCheckboxes();"  size="8">
    <option value="Pica">Pica</option>
    <option value="Barbarina domaca trpeza">Barbarina domaca trpeza</option>
    <option value="Slana Palacinka">Slana Palacinka</option>
    <option value="Slatka Palacinka">Slatka Palacinka</option>
    <option value="Sendvici i Rostilj">Rostilj i sendvici</option>
    <option value="Dobro jutro sa Barbarom">Dobro jutro sa Barbarom</option>
    <option value="Chicken Meni">Chicken Meni</option>
    <option value="Posebna Ponuda">Posebna Ponuda</option>
    <option value="Salate">Salate</option>
</select>

最后是实际的复选框:

<input type="checkbox" name="checkgroup" >Susam</input><br>
<input type="checkbox" name="checkgroup" >Cili</input><br>
<input type="checkbox" name="checkgroup" >Tartar</input><br>
<input type="checkbox" name="checkgroup" >Urnebes</input><br>
<input type="checkbox" name="checkgroup" >Krastavac</input>

【问题讨论】:

    标签: javascript html listbox checkbox


    【解决方案1】:

    试试吧:

        document.frmMain.checkgroup[i].disabled = false ;
    

    【讨论】:

      【解决方案2】:

      如果将 jquery 库添加到您的页面,那么我会添加:

      $(document).ready(function() {
          $("input[name='checkgroup']").attr("disabled", "disabled");
      })
      
      function enableCheckboxes() {
         $("input[name='checkgroup']").removeAttr("disabled");
      }
      

      如果您不想使用 jquery,那么只需将启用行更改为:

      document.frmMain.checkgroup[i].disabled = false ;
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-09-25
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-11-17
        • 2014-01-24
        • 1970-01-01
        相关资源
        最近更新 更多