Как сделать, чтобы при нажатии на div менялся класс и атрибут checked?

Question

[KOPC1886]

Всем привет!

Есть такая верстка

<div class="not_show" id="notShow" ng-click="notShow()">
        <span class="checkPrompt" ng-class="{'hide': checkedPrompt}" id="check"></span>
    </div>
    <input type="checkbox" ng-checked="checkedPrompt" class="checkBox" id="notShowCheck" hidden="hidden">

Как сделать, чтобы при нажатии на div #notShow появлялся/исчезал span.checkPrompt и менялся у input#notShowCheck атрибут checked ?

Comments

[Mikhail Osher]

Не могли бы вы предоставить fiddle/plunker, пожалуйста?

Answer 1

[Денис]

Как то так примерно

<div class="not_show" id="notShow" ng-click="showSpan=!showSpan">
        <span class="checkPrompt" ng-show="showSpan" id="check"></span>
    </div>
    <input type="checkbox" ng-checked="showSpan" class="checkBox" id="notShowCheck" hidden="hidden">