Включить вопрос щелчок флажок

Question

Пожалуйста, найдите код ниже

$("#chkCopy").toggle(function() { 
    copyDetails(); 
}, 
function() { 
    emptyCopyDetails(); 
}); 

// functions which do not have any effect on the checkbox 
function copyDetails() { 

} 

function emptyCopyDetails() { 
} 

Проблема в том, что флажок не отображается проверенное состояние.

Demo

Заранее спасибо

Answer 1

The .toggle() прерывает проверку, так как на самом деле .toggle()calls e.preventDefault() on the click event underneath. Вместо этого подхода, я бы рекомендовал что-то вроде этого, вместо:

$("#chkCopy").change(function() { 
    if(this.checked) { 
    copyDetails(); 
    } else { 
    emptyCopyDetails(); 
    } 
}); 

Here's an updated/working version of your demo with the above approach.

Answer 2

взглянуть на этот ответ вы бы сделать то же самое

Jquery toggle event is messing with checkbox value

Answer 3

$("#chkCopy").change(function() {    alert("1"); 

      }, 
      function() { 
       alert("2"); 
      }); 

использование изменение вместо переключения

Answer 4

От documentation:

С .toggle() внутренне использует щелчок h Andler делать свою работу, мы должны отвязать click удалить поведение прикрепленного с .toggle(), так что другие click обработчиков могут быть пойманы в перекрестного огня. Реализация также вызовов .preventDefault() на мероприятии, так ссылки не будут следовать, и кнопка не будет нажата если .toggle() был вызван на элемента.

Таким образом, вы не можете использовать toggle(), если вы хотите, чтобы флажок был установлен и не установлен. Вы можете использовать click() вместо:

$("#chkCopy").click(function() { 
    if (this.checked) { 
     copyDetails(); 
    } else { 
     emptyCopyDetails(); 
    } 
});