Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   on change для input (https://javascript.ru/forum/misc/46316-change-dlya-input.html)

Apelcun77 05.04.2014 17:55

on change для input
 
$(document).ready(function(){
    $('form input[name=img_position]').on('change', function() {
        if (this.value == "top") {
	$("#set_img_color").css('padding-top', '150px');
	}
	    if (this.value == "mid") {
	$("#set_img_color").css('padding-top', '200px');
	}
	    if (this.value == "bot") {
	$("#set_img_color").css('padding-top', '250px');
	}
    });
 });

<img id="set_img_color" value="black" src="images/animals/black/3.png">
<label><input class="pickimg" type="radio" name="img_position" value="top"><img src="images/position_top.png" title="По верху"></label>	
<label><input class="pickimg" type="radio" name="img_position" value="mid"><img src="images/position_mid.png" title="По середине"></label>		
<label><input class="pickimg" type="radio" name="img_position" value="bot"><img src="images/position_bot.png" title="По низу"></label>

Сделал такой код, при нажатии на инпут паддинг не меняется на нужный, в чем ошибка?

jsnb 05.04.2014 18:00

А где тег form?

Apelcun77 05.04.2014 18:56

тег форм есть, просто суда забыл написать его

jsnb 05.04.2014 19:04

Паддинг меняется: http://learn.javascript.ru/play/go4P8b


Часовой пояс GMT +3, время: 02:27.