Форум

Yurec · #1 (**permalink**) 20.01.2014, 15:45

Всем привет!

Есть такой код, для селекта, он работает, то есть при нажатии в селектбоксе, определенного значения, становятся доступным другие селекты, инпуты:

$('#selectenabl').change(function(){
        var myChoise = $('#selectenabl :selected').val();
        if(myChoise == 16){
            $('.disbll').attr('disabled', false);
            $('.disbl').attr('disabled', false);
        } else{
            $('.disbll').attr('disabled', 'disabled');
            $('.disbl').attr('disabled', 'disabled');
        }
    });

Если я делаю для радиокнопок подобное, то ничего не происходит, все перепробовал, вот например так вроде должно работать, а не срабатывает:

$('#selectenabl').change(function(){
        var myChoise = $('#selectenabl :checked').val();
        if(myChoise == 16){
            $('.disbll').attr('disabled', false);
            $('.disbl').attr('disabled', false);
        } else{
            $('.disbll').attr('disabled', 'disabled');
            $('.disbl').attr('disabled', 'disabled');
        }
    });

ksa · #2 (**permalink**) 21.01.2014, 09:04

Сообщение от Yurec

должно работать, а не срабатывает

Если было бы "должно" - сработало бы.

Где полный тестовый пример с ХТМЛем?

Yurec · #3 (**permalink**) 22.01.2014, 08:10

<input type="checkbox" value="1" id="search-save-elem1">
							<label for="search-save-elem1">Сохранить этот объект</label>
							<a href="#"><span hidden class="hidden_label_vibrannie_objects">(посмотреть выбранные объекты)</span></a>

$('#search-save-elem1').change(function(){
        var myChoise = $('#search-save-elem1 :checked').val();
        if(myChoise==1){
                $('.hidden_label_vibrannie_objects').show();
            }else{
                $('.hidden_label_vibrannie_objects').hide();
            }
    });

Чего не так? )
Срабатывает, открывает, но не закрывает при снятии галочки.

Через toggle получается, но галочка не ставится в поле чекбокса.

ksa · #4 (**permalink**) 22.01.2014, 08:39

Сообщение от Yurec

Чего не так?

Как минимум разметка.

Но, как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.hidden_label_vibrannie_objects {
	display: none;
}
</style>
<script type="text/javascript">
$(function (){
	$('#search-save-elem1').click(function (){
		var o=$(this).next().next().find('.hidden_label_vibrannie_objects')
		if (this.checked) {
			o.show();
		} else {
			o.hide();
		};
	});
});
</script>
</head>
<body>
<input type="checkbox" value="1" id="search-save-elem1">
<label for="search-save-elem1">Сохранить этот объект</label>
<a href="#">
	<span class="hidden_label_vibrannie_objects">(посмотреть выбранные объекты)</span>
</a>
</body>
</html>

Yurec · #5 (**permalink**) 22.01.2014, 15:12

Спасибо большое, работает!

Форум

Справочник

Discord чат

Курсы javascript