Thursday 25 July 2013

find text and value from checkboxlist using javascript

//script

<script language="javascript">
    function GetSelectedValue() {
        var chkBox = document.getElementById("chkList");
        var checkbox = chkBox.getElementsByTagName("input");
var pp;
var txt='';
        for (var i = 0; i < checkbox.length; i++) {
            if (checkbox[i].checked) {
                var chkBoxText = checkbox[i].parentNode.getElementsByTagName('label');
                if (txt == "") {
txt=chkBoxText[0].innerHTML;
pp=checkbox[i].value;
                }
                else {                
txt=txt+", "+chkBoxText[0].innerHTML;
pp=pp+","+checkbox[i].value;
                }
            }
        }
alert(pp+"       "+txt);
    }
</script>



//html

<div>
        <table id="chkList" onclick="GetSelectedValue();">
<tr>
<td><input id="chkList_0" type="checkbox" name="chkList$0" value="0" /><label for="chkList_0">0 Checkbox in DDL</label></td>
</tr><tr>
<td><input id="chkList_1" type="checkbox" name="chkList$1" value="1" /><label for="chkList_1">1 Checkbox in DDL</label></td>
</tr><tr>
<td><input id="chkList_2" type="checkbox" name="chkList$2" value="2" /><label for="chkList_2">2 Checkbox in DDL</label></td>
</tr><tr>
<td><input id="chkList_3" type="checkbox" name="chkList$3" value="3" /><label for="chkList_3">3 Checkbox in DDL</label></td>
</tr><tr>
<td><input id="chkList_4" type="checkbox" name="chkList$4" value="4" /><label for="chkList_4">4 Checkbox in DDL</label></td>
</tr><tr>
<td><input id="chkList_5" type="checkbox" name="chkList$5" value="5" /><label for="chkList_5">5 Checkbox in DDL</label></td>
</tr><tr>
<td><input id="chkList_6" type="checkbox" name="chkList$6" value="6" /><label for="chkList_6">6 Checkbox in DDL</label></td>
</tr><tr>
<td><input id="chkList_7" type="checkbox" name="chkList$7" value="7" /><label for="chkList_7">7 Checkbox in DDL</label></td>
</tr><tr>
<td><input id="chkList_8" type="checkbox" name="chkList$8" value="8" /><label for="chkList_8">8 Checkbox in DDL</label></td>
</tr><tr>
<td><input id="chkList_9" type="checkbox" name="chkList$9" value="9" /><label for="chkList_9">9 Checkbox in DDL</label></td>
</tr>
</table>
    </div>

No comments:

Post a Comment

Excel Sort values in ascending order using function TEXTJOIN

 Excel ::  Text ::  1,3,5,2,9,5,11 Result :: 1,2,3,5,5,9,11 Formula ::     TEXTJOIN ( ",",1,SORT(MID(SUBSTITUTE( A1 ,","...