Форум Сайтостроение Веб-строительство

неактивная кнопка

Маринада
На сайте с 03.11.2011
Offline
62
Маринада
460

Доброго вечера всем!

Подскажите пожалуйста как реализовать. Нужно сделать что бы кнопка "Загрузить" была активной только после того как файл выбран. т.е. какой-то скриптик на js должен быть..а в этом не смыслю.

LovelAss
На сайте с 05.06.2009
Offline
96
LovelAss
#1

Как-то так: 


$(function() {

	$('input[type="file"]').change(function() {

		if ($(this).val()) {

			$('input[type="button"]').removeAttr('disabled');

		} else {

			$('input[type="button"]').attr({'disabled':'disabled'});

		}

	});

});
V
На сайте с 10.01.2012
Offline
85
Varenik
#2 

<html>
<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
	<input id="choice-file" type="file" />
	<input id="submit-b" type="submit" disabled="true" />

<script>
$( document ).ready(function() {
	$("#choice-file").change( function() {
		if( $(this).val() ) {
			$('#submit-b').attr('disabled', false);
		} else 
			$('#submit-b').attr('disabled', true);
	} );
});
</script>
</body>
</html>

Пример: JSFfiddle

Маринада
На сайте с 03.11.2011
Offline
62
Маринада
#3

спасибо большое! Счастья вам!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий