[ krul @ 25.08.2006. 18:58 ] @
Imam zadatak da selektujem checkbox na web stranici na klient strani.
Kad korisnik klikne dugme ja treba da nadjem i cekiram check box koji ima opis(label) na primer: "Key".
Koristim Asp.net 2 i znam da to mogu jednostavno da odradim na server strani. Mislim da je ipak bolje to uraditi pomocu java scripte.

Opis je prikazan(renderovan) kao label u istoj celiji gde je i check box.
Kako za svaki checkbox da proverim i njegov opis (label)

Code:

    <td colspan =3>
        <input id="chkKEY" type="checkbox" name="chkKEY" onclick="javascript:SelectESLProgram(this);" />
    </td>
</tr>
<tr>
    <td colspan="3" valign =top >
        <table>
        <tr>
        <td>
            <input id="chkPrograms_0" type="checkbox" name="chkPrograms$0" />
            <label for="chkPrograms_0">KEY</label>
        </td>
        <td>
            <input id="chkPrograms_1" type="checkbox" name="chkPrograms$1" />
            <label for="chkPrograms_1">IEP</label>
        </td>
        </table>
    </td>
</tr>


function SelectESLProgram(chkBox)
{
    if (chkBox.checked==false)
        return;

        var theBox=chkBox;
        elm=theBox.form.elements;
        
        var temp;
        for(i=0;i<elm.length;i++)
        {
            if(elm[i].type=="checkbox" && elm[i].id.toString().indexOf("chkPrograms")>-1)
            {                
                    alert (elm[i].id);
                    alert (elm[i].value);

            SAD KAD SAM NASAO checkbox listu, treba da nadjem pripadajuci label  koji za vrednost ima kljucnu rec "KEY" tada mogu da cekiram 
            check box na kojem se nalazim. Kako ??
            }
        }
}     


       


Javascripta bi trebal da bude kompatibilna sa win platforma ie4,5,6 FF mac platforma Safari FF IE5
[ krul @ 25.08.2006. 20:28 ] @
Evo i resenja,

Code:

        function SelectKeyProgram(chkBox)
        {
            if (chkBox.checked==false)
                return;
        
            var cells = document.getElementById("chkPrograms").rows[0].cells;
            for(i=0;i<cells.length;i++)
            {
//                alert(cells[i].innerHTML);
                lbls = cells[i].getElementsByTagName('label')
                if (lbls !=null)
                {
                    if (lbls[0].innerHTML =="Key")
                    {
//                        alert (lbls[0].innerHTML);
                        var boxes =cells[i].getElementsByTagName('input')
                        if (boxes !=null)
                        {
                            if (boxes[0].type=="checkbox")
                                boxes[0].checked =true;
                        }
                    }
                }
            }
        }
            


Ako neko ima brze i bolje resenje, rado bih cuo.
Pozdrav