JQuery Пользовательское изображение Код checkbox не переключается

Я использую следующий код, чтобы сделать собственный флажок с моими собственными изображениями.JQuery Пользовательское изображение Код checkbox не переключается

Сначала я включил JQuery и добавил код JQuery для требуемой функциональности:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script> 
$(document).ready(function(){ 

$("#moreinfo").change(function() { 
    if(this.checked) { 
     $(this).prev().attr("src", "checkbox_unchecked.gif"); 
    } else { 
     $(this).prev().attr("src", "checkbox_checked.gif"); 
    } 
}); 

}); 

</script> 


Next...here's the HTML: 



<label for="moreinfo"> 
    <img src="checkbox_unchecked.gif"/> 
    <input name="moreinfo" type="checkbox" id="moreinfo" style="display:none"> 
    </label>

неконтролируемое изображение есть, но когда я нажимаю на него, он не меняется/тумблер.

Я что-то упускаю?

UPDATE:

Тестирование это полный код локально, и это не работает ...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script> 
$(document).ready(function(){ 

$("#moreinfo").change(function() { 
    if(this.checked) { 
     $(this).prev().attr("src", "http://icdn.pro/images/en/v/e/verify-correct-icone-9268-48.png"); 
    } else { 
     $(this).prev().attr("src", "http://www.theology.edu/Remata/Android/Help/wrongx_icon.png"); 
    } 
}); 


}); 

</script> 

</title> 




</head> 
<body> 



<label for="moreinfo"> 
    <img src="http://www.theology.edu/Remata/Android/Help/wrongx_icon.png"/> 
    <input name="moreinfo" type="checkbox" id="moreinfo" style="display:none"> 
    </label> 




</body> 
</html>

источник

2012-01-10 Satch3000

Это работает, вы можете проверить его here.

источник

2012-01-10 22:48:39 ocanal

Я согласен, что он работает там, но см. Полный код, над которым я тестирую. Попробуйте ... он не будет работать по какой-либо причине: o/ – Satch3000

Это не работает, потому что вы написали коды сценариев в теги заголовков. – ocanal

Это было плохо ... спасибо! – Satch3000

 $("#moreinfo").click(function() { 
     var $img = $(this).prev(); 
$img.attr("src", ($(this).checked)?"checkbox_checked.gif":"checkbox_unchecked.gif"); 

    });

источник

2012-01-10 22:47:06

JQuery Пользовательское изображение Код checkbox не переключается

ответ

Смежные вопросы