2011-03-07 14 views
4

これは非常に面倒で、おそらく非常に簡単です。無効になっているチェックボックスを使用してWebページを開始したいのですが、リストボックス内の特定の行が選択された後で、それらのボックスを有効にします。だから私は今、私は彼らにjavascript checkbox enable/disable

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ループの中に行くを有効にする必要、

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

が無効になっボックスが私のページを起動するのonload方法でこれを置くが、それは、これらのチェックボックスを有効にすることはありません。なぜ私はそれを理解することはできません。

、これは私がenablecheckbox関数を呼び出すhtmlの一部で、次のとおりです。

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

答えて

9

代わりに試してみてください。

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

、THX ... –

1

をjqueryのを追加した場合ライブラリをあなたのページに追加したら、私は追加します:

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

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

あなたがちょうどであるためにあなたの有効ラインを変更jqueryの使用しない場合:それは動作しますが、私が試した

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

私はjqueryの... THXせずに、1つを使用 –