Как определить установлена ли галочка checkbox

Posted on by manager

Проверить установлена ли галочка checkbox используя jQuery можно так

1
2
3
4

<input type="checkbox" id="chek1" name="a" value="0" />
<script>
if(jQuery('#chek1').prop('checked')){alert("Флажок установлен");}
</script>

В случае если установлена то if(jQuery(‘#chek1’).prop(‘checked’)) вернет true

Как сделать так чтобы на группу из нескольких чекбоксов (type=»checkbox») можно было бы установить только одну галочку? Как снять галочку чекбокс (checkbox)?:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<p><input type="checkbox" id="chek1" name="a" value="0" /><label for="chek1">Да</label></p>
<p><input type="checkbox" id="chek2" name="a" value="0" checked="checked"/><label for="chek2">Нет</label></p>
</script>
jQuery('#chek1').on("click",function(){
		if(jQuery('#chek1').prop('checked')){
			jQuery('#chek2').prop('checked',false);  
	}
});
jQuery('#chek2').on("click",function(){
		if(jQuery('#chek2').prop('checked')){
			jQuery('#chek1').prop('checked',false);	
	}  
});
</script>

При установке на один чекбокс с другого снимаем jQuery(‘#chek2’).prop(‘checked’,false);

Как установить значение для чекбокса (checkbox)?:

1
2
3
4
5
6
7
8

<p><input type="checkbox" id="chek1" name="a" value="0" /><label for="chek1">Да</label></p>
<script>
jQuery('#chek1').on("click",function(){
		if(jQuery('#chek1').prop('checked')){
			jQuery('#chek1').val(1);	
	}
});
</script>

После установки галочки значение value станет 1 value= «1». Для этого нужна запись jQuery(‘#chek1’).val(1);

Как перезагрузить страницу сайта при смене ориентации экрана мобильного устройства
Как подсветить активную ссылку сайта
Найти ссылку с определенным названием

Добавить комментарий