Наверх
 

Навигация
Опрос
Какие виды уроков Вы хотите видеть на сайте?
Битрикс
DLE
CSS
Joomla
Wordpress
Все для хостинга
Все для фотошопа
Другое

База уроков » » » Появление видимости кнопки при поставленной галки в чекбоксе

Появление видимости кнопки при поставленной галки в чекбоксе

28 мар 2014 | Комментариев: 0 | Просмотров: 1165

 

Расскажу Вам как сделать, так чтобы при нажатом чекбоксе появлялась кнопка, а при выключенном чекбоксе кнопка невидима.

 

<script>
	function changeButtonState(checkbox) {
	    var btn = document.getElementById('btn');
	    if (checkbox.checked) {
	        btn.disabled = false;
	    } else {
	        btn.disabled = true;
	    }
	}
	</script> 

 

И ниже вставить это:

 

<input type="checkbox" id="check" onchange="changeButtonState(this)"/>
	<input type="button" id="btn" disabled="disabled" value="Button"/>

 



Ссылка на новость:

    html-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию

ЕЩЕ НА ЭТУ ТЕМУ:

Появление кнопки при поставленной галки в чекбоксе

Появление кнопки при поставленной галки в чекбоксе

  Простое появлении кнопки при нажатом чекбоксе.
Кнопки с анимацией на CSS3

Кнопки с анимацией на CSS3

Красивые кнопки с анимацией на CSS3. Всегда подойдет любому сайту
Новогодняя гирлянда из елочных шариков от Яндекса

Новогодняя гирлянда из елочных шариков от Яндекса

Красивая новогодняя гирлянда в виде елочных украшений, при наведении на шарики они двигаются и издают звук.
Слайдшоу с эффектами на HTML5 и jQuery

Слайдшоу с эффектами на HTML5 и jQuery

Красивый слайдшоу с эффектами на HTML5 и jQuery
Красивый accordion с вкладками

Красивый accordion с вкладками

    Эффект разворачивающейся панели состоящей из вкладок.
Иконка на внешнюю ссылку

Иконка на внешнюю ссылку

Иконка для внешней ссылки - используется jQuery плагин для показа внешней ссылки.
Анимированный фон при наведении на ссылку

Анимированный фон при наведении на ссылку

Простой эффект анимированного фона при наведении курсора на ссылку
Навигационное меню темными кнопками

Навигационное меню темными кнопками

Простое меню на CSS3/HTML с эффектом выдавливания в темных тонах.
Красивый эффект анимации для галереи

Красивый эффект анимации для галереи

Эффект, который позволит преобразить вашу галерею фотографий, с помощью библиотеки Raphael и jQuery. Нужно создать три файла: index.html, default.css, init.js
Zoomy - красивый эффект лупы на изображении

Zoomy - красивый эффект лупы на изображении

Эффект лупы достигается благодаря использованию простого jQuery плагина Zoomy. Вам понадобятся две копии одного и того же изображения - первая - копия
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.