Блог

У меня есть подсказки, которые выдают всплывающее окно, когда флажок установлен и снят. Похоже, что там есть строка избыточного кода, но после удаления функции больше не работают. Так что, может быть, не так уж и избыточно 🙂 Но #id ничему не соответствует (в настоящее время в качестве ЗАГЛАВНЫХ букв задано значение не совпадать)

Есть идеи, почему это мешает?

 $('#checkbox').click(function() {
  if ($("#checkbox").is(':checked')) {
    if (confirm('Are you sure you want to CONFIRM the order?')) {
      $('#CHECKBOX').click();
    }
  }
});

$("#checkbox").on('change', function() {
  this.checked = !this.checked ? !confirm('Do you really want to change this to NOT RECEIVED?') : true;
});
  

http://jsfiddle.net/5nd1wj54/1/

Вот что, я думаю, вы имеете в виду

 $('#checkbox').click(function() {
  if (this.checked) {
    this.checked = confirm('Are you sure you want to CONFIRM the order?')); 
  }    
  else {
    this.checked = !confirm('Do you really want to change this to NOT RECEIVED?'); 
  }  
});
  

Используйте классы вместо идентификаторов, поэтому теперь необходим избыточный код. Вы можете хранить информацию в data атрибуте HTML-элемента. jsFiddle.

Я добавил класс к каждому флажку, который должен быть проверен.

 $(".checkIt").on('change', function() {
  if ($(this).is(':checked')) {
    confirm('Do you really want to change '   $(this).data('id')   ' to NOT RECEIVED?');
  }
});
  

HTML

 <input type="checkbox" data-id="checkbox1" class="checkIt" />
<input type="checkbox" data-id="checkbox2" class="checkIt" />
<input type="checkbox" data-id="checkbox3" class="checkIt" />