1
<input type="checkbox" id="MyCheckBox" onchange="alert('ok!');" />  
<script type="text/javascript">
  document.getElementById("MyCheckBox").checked = false;
</script>

Почему когда программно меняешь свойство "checked", событие "onchange" не срабатывает?

1
  • 1
    Решил проблему через DOM Посмотрите мой новый код и поставте галочку!
    – Rules
    24 янв 2012 в 13:13

3 ответа 3

1

Вот решение:

<html>
<head></head>
<body>
<script type="text/javascript">
function func(){
alert('ok!');
}
 ipt=document.createElement("input");
 ipt.type="checkbox";
 ipt.id="MyCheckBox";
 ipt.onchange=func;
 document.body.appendChild(ipt);
</script>
</body>
</html>

ps: Не забудьте поставить галочку рядом с ответом, а то ваш вопрос висит в "неотвеченных".

3
  • Сделал, но всё равно, если по нему тыкать, всё работает, а когда меняешь свойство, событие не вызывается ((, галочка ставится а событие не хочет( 24 янв 2012 в 13:01
  • А вы напишите и вызывайте вашу функцию самостоятельно!
    – Rules
    24 янв 2012 в 13:03
  • да но всё равно он мне не потходит 24 янв 2012 в 13:16
1

А где у вас вызывается change()? Если вы вешаете события через атрибут, пишите примерно так:

<input type="checkbox" id="MyCheckBox" onclick="alert(this.checked);" checked />  
<script type="text/javascript">
    var el = document.getElementById("MyCheckBox");
    el.checked = false;
    if(typeof el.onclick === 'function')
        el.onclick();
</script>
3
  • через атрибут на сервере а если if(typeof el.onchange === 'function') как с этим быть что IE ни хочет вызывать el.onchange() 24 янв 2012 в 13:22
  • Обновил код. Так работает?
    – ling
    24 янв 2012 в 14:09
  • нет я тут нашёл if (document.createEvent && obj.dispatchEvent) { var evt = document.createEvent("HTMLEvents"); evt.initEvent("click", true, false); obj.dispatchEvent(evt); // for DOM-compliant browsers obj.checked = false; } else if (obj.fireEvent) { obj.fireEvent("onclick"); // for IE obj.checked = false; } но FF чёт ни хочет возвращает true что выполнил но не вызвал 24 янв 2012 в 14:12
0

<input type="checkbox" id="MyCheckBox" onchange="alert('ok!');" checked="checked" />
<script>document.getElementById("MyCheckBox").click();</script>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.