Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.03.2014, 13:49
Новичок на форуме
Отправить личное сообщение для ggLike Посмотреть профиль Найти все сообщения от ggLike
 
Регистрация: 05.03.2014
Сообщений: 8

Деактивация input по через Chekbox
Вот возникла ситуация создать приложение которое заставит дективировать или активировать объекты на страничке. Есть объекты input type=text , <select> как это сделать в кнопке "Сохранить" типа chekbox!
Т.е. значение у всех объектов должен быть disabel при включенном клапане иначе enabel...

Вот прилагаю пример формы чтобы было понятно:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
		 var dan1 = 0;
		 var dan2 = 0;
		 $("#dan3").val(100);
		 var a_dan1 = '<option value="0">выбрать</option>';
		for(var i=10;i<=75;i++){
			a_dan1 += '<option value="'+i+'">'+i+' число</option>';
		 }
		 $("#dan1").html(a_dan1);
		  var a_dan2 = '<option value="0">выбрать</option>';
		for(var i=10;i<=75;i++){
			a_dan2 += '<option value="'+i+'">'+i+' число</option>';
		 }
		 $("#dan2").html(a_dan2);
		$("#dan3").blur(function(event){
					  var val = this.value;
					  if(val<100) {
					  	alert("Количество не должно быть меньше 100");
					  	$("#dan3").focus().val(100);
					  }
				});
		});
	</script>
		<div class="box">
			<p>
				<label for="dan1">Данные с выпадающим списком</label><br>
				<select id="dan1" name="dan1">
					<option value="value1">item</option>
				</select>
			</p>
				<p>
				<label for="dan2">Данные с выпадающим списком</label><br>
				<select id="dan2" name="dan2">
					<option value="value1">item</option>
				</select>
			</p>
			<p>
				<label for="dan3">Данные текста</label><br>
				<input type="text" id="dan3" value="100"/>
			</p>
		</div>
		<div class="save">
				<label for="save">Cохранить</label><br>
				<input type="checkbox" id="save" name="save"/>
		</div>

Последний раз редактировалось ggLike, 05.03.2014 в 13:55.
Ответить с цитированием
  #2 (permalink)  
Старый 05.03.2014, 13:54
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

$('#save').change(function(){
    $('#dan1, #dan2, #dan3').prop('disabled', this.checked);
});
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 05.03.2014, 14:31
Новичок на форуме
Отправить личное сообщение для ggLike Посмотреть профиль Найти все сообщения от ggLike
 
Регистрация: 05.03.2014
Сообщений: 8

Спасибо огромное, заработало!
вот тогда еще последний вопрос где можно почитать про .change ?
что было понятно как взаимодействовать с объектами.
Ответить с цитированием
  #4 (permalink)  
Старый 05.03.2014, 14:41
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

api.jquery.com/change/
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #5 (permalink)  
Старый 05.03.2014, 15:33
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Или вот...
http://jquery-docs.ru/events/change/
Ответить с цитированием
  #6 (permalink)  
Старый 05.03.2014, 16:40
Новичок на форуме
Отправить личное сообщение для ggLike Посмотреть профиль Найти все сообщения от ggLike
 
Регистрация: 05.03.2014
Сообщений: 8

Это очень здорово! Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Input подгружаемый через ajax не выдает переменную Mukhtar AJAX и COMET 6 22.12.2013 21:41
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Изменение значений input в форме перед ее отправкой через ajax rustleofstars jQuery 4 26.06.2012 17:40
Клонирую input через JQ и теряется его value Sergey999 Javascript под браузер 9 02.04.2012 00:02
Получить содержимое HTML файла через input Battleprof Events/DOM/Window 5 13.06.2011 14:51