0

HTML source :

'<div class="checkbox">' +
    '<label for="sn-checkbox-open-in-new-window">' +
    '<input type="checkbox" id="sn-checkbox-open-in-new-window" checked />'+
    lang.link.openInNewWindow +
    '</label>' +
'</div>';

The input checkout object is the following

var $openInNewWindow = self.$dialog.find('input[type=checkbox][id=sn-checkbox-open-in-new-window]');

var isChecked = linkInfo.isNewWindow !== undefined ?
        linkInfo.isNewWindow : context.options.linkTargetBlank;

    $openInNewWindow.prop('checked', isChecked);

When I do this, the checkbox does not change properly. The box is not painted nor checked.

So

$openInNewWindow.on('click', function(event) {
        $openInNewWindow.val('checked').val(false);
        console.log($openInNewWindow.val('checked'));
        //$openInNewWindow.prop(':checked', !$openInNewWindow.prop(':checked'));
        //console.log($openInNewWindow.prop(':checked'));
      });

I changed the state when I clicked force, but it does not change.

How to change HTML checkbox state in JavaScript?

PEHLAJ
  • 9,980
  • 9
  • 41
  • 53
Vallista
  • 55
  • 5
  • Duplicate of : https://stackoverflow.com/questions/8206565/check-uncheck-checkbox-with-javascript – see sharper Aug 29 '17 at 01:38
  • 4
    Possible duplicate of [Check/Uncheck checkbox with JavaScript?](https://stackoverflow.com/questions/8206565/check-uncheck-checkbox-with-javascript) – Obsidian Age Aug 29 '17 at 01:39
  • thank you guys. but i want 'render change' i try this, but not change checkbox button. I tried to force it to change, but it does not change. $openInNewWindow.on('click', function(event) { $("#sn-checkbox-open-in-new-window").prop("checked", false); }); – Vallista Aug 29 '17 at 02:39

1 Answers1

1

$("#sn-checkbox-open-in-new-window").prop("checked") to get checkbox value

$("#sn-checkbox-open-in-new-window").prop("checked", TRUE); to check it

$("#sn-checkbox-open-in-new-window").prop("checked", FALSE); to un-check it

$("#toggle-checkbox").on("click", function(e) {
 
  var nextValue = !$("#sn-checkbox-open-in-new-window").prop("checked");
  $("#sn-checkbox-open-in-new-window").prop("checked", nextValue);
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="toggle-checkbox">Toggle</button>

<div class="checkbox">
  <label for="sn-checkbox-open-in-new-window">
    <input type="checkbox" id="sn-checkbox-open-in-new-window" checked /> lang.link.openInNewWindow
  </label>
</div>
Sudarpo Chong
  • 608
  • 4
  • 12