JQuery Click Event

JQuery Click Event

by Ritwika Das

HTML

<div data-target="TargeID" data-action="toggle" data-trigger="Yes">

    <ul>
        <li>
            <label class="radio">
            <input id="cpMainContent_ctl24_rptAnswers_rbAnswer_0" type="radio" name="cpMainContent_ctl24" value="ctl00$cpMainContent$ctl24$rptAnswers$ctl01$rbAnswer">
            Yes             
            </label>
        </li>

        <li>
            <label class="radio">
            <input id="cpMainContent_ctl24_rptAnswers_rbAnswer_1" type="radio" name="cpMainContent_ctl24" value="ctl00$cpMainContent$ctl24$rptAnswers$ctl02$rbAnswer">
            No              
            </label>
        </li>                                                                                                                                                                                                                                                                            

        <li>
            <label class="radio">
            <input id="cpMainContent_ctl24_rptAnswers_rbAnswer_2" type="radio" name="cpMainContent_ctl24" value="ctl00$cpMainContent$ctl24$rptAnswers$ctl03$rbAnswer">
            maybe               
            </label>
        </li>
    </ul>
</div>

JavaScript

$(document).ready(function () {

       var inputLength = $('[data-action="toggle"] :input').length;
       /*alert(inputLength);
       var inputTxt = []
       for(i=0;i<inputLength;i++){
       	 alert($('[data-action="toggle"] :label')[i].text());
       }*/
       $.each($('.radio'), function() {b b                        bbbbbbbbbbbbbbbbb
            var inptTxt = $(this).text();
            var trigTxt = $(this).parent().closest('div').attr('data-trigger');
            alert(inptTxt);
            alert(trigTxt);
            if(inptTxt === trigTxt){
            alert("o")
            //console.log($(this).children().closest('input').attr("name"));
          }
        });
    });