Деактивация 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>
|