Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Radio button событие (https://javascript.ru/forum/events/44457-radio-button-sobytie.html)

Yurec 20.01.2014 15:45

Radio button событие
 
Всем привет!

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

$('#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 21.01.2014 09:04

Цитата:

Сообщение от Yurec
должно работать, а не срабатывает

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

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

Yurec 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 22.01.2014 08:39

Цитата:

Сообщение от Yurec
Чего не так?

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

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

<!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 22.01.2014 15:12

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


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