CODEWITHSUNDEEP
javascriptyuiyui3
Lilu Patel
Lilu Patel

Reputation: 321

How to check if check box is checked with change listener

I am trying to check if a check box is checked and show an element on the page if it is checked.

This is my function:

function checkedTechSolutions(){    
    Y.one('#techsol input[type=checkbox]').on('change', function (e) {
        var target = e.currentTarget,
        techSBox = Y.one('#techsolutions');
        if (target.get('checked')){ 
            techSBox.show();
        } else techSBox.hide();
    }
}

This is my css:

#techsolutions {width: 380px; height: 100px; background-color:#cee4f2; display: none;}
#techsolutions .box {text-align: center;}

This is my html:

<div id="techsolutions">

    <div class=box>
    <label for="TypeOfTS">Tech Solutions: </label>
    <select name="techSolutionsDrop">
        <option value="techServices">Choose your services </option>
    </select>
    </div>  

</div>

Upvotes: 1

Views: 455

Answers (1)

Jonas G. Drange
Jonas G. Drange

Reputation: 8845

Some notes:

  • Your example lacked the checkbox in #techsol
  • Was checkedTechSolutions ever called? You do not need a document ready type event to attach a listener to a checkbox when using YUI.
  • Use css classes to change visuals like this. It is easier to understand and cleaner.

Take a look at the full solution in this jsfiddle

Upvotes: 1

Related Questions