2016/03/23

[CSS][Matreial Design Lite][JavaScript][jQuery]チェックボックスをoffにする

Matreial Design Liteのcheckboxでチェックを入れた場合において、JavaScriptを使ってoffにするにはどうすればいいのだろうか?

<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-1">
  <input type="checkbox" id="checkbox-1" class="mdl-checkbox__input _checkbox" checked>
  <span class="mdl-checkbox__label">Checkbox</span>
</label>
とあった場合、
$('._checkbox').prop('checked',false);
var $label = $('label');
$label.removeClass('is-checked');
componentHandler.upgradeElement($label[0]);
キモはpropメソッドを使ってfalseだけでは駄目で、labelタグのis-checkedをremoveしてリフレッシュをかけないといけないみたい。

0 コメント:

コメントを投稿