Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 27.02.2014, 14:44   #1
Елена_05
Пользователь
 
Регистрация: 17.05.2011
Сообщений: 55
По умолчанию Checkbox iphone

Подскажите пожалуйста, как сделать так, чтобы например, чекбокс включен выдавало сообщение "включен", когда нажимаешь выключить сообщение - "выключен"

У меня подключены файлы
Код HTML:
<script src="jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
<script src="iphone-style-checkboxes.js" type="text/javascript" charset="utf-8"></script>
 <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />
и

Код HTML:
<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
            $(':checkbox').iphoneStyle();
           });
</script>
и сам чекбокс
Код HTML:
<h2 id="iphone">Включено по умолчанию</h2>
<input type="checkbox"  checked="checked"/>
Елена_05 вне форума Ответить с цитированием
Старый 27.02.2014, 21:50   #2
Fenex
Форумчанин
 
Аватар для Fenex
 
Регистрация: 15.02.2012
Сообщений: 821
По умолчанию

HTML:
Код:
<input type="checkbox"id="ch" />
<div id="out"></div>
JS:
Код:
document.getElementById('ch').addEventListener('change', function(event) {
    var txt = event.target.checked ? 'On' : 'Off';
    document.getElementById('out').innerHTML = txt;
});
На jQuery наверное как-то так:
Код:
$('#ch').change(function(e) {
    var txt = e.target.checked ? 'On': 'Off';
    $('#out').html(txt);
});
http://jsfiddle.net/Fenex/xW7NB/

А вот это совсем круто выглядит: http://jsfiddle.net/Fenex/hDB4T/
^-.-^ My GitHub

Последний раз редактировалось Fenex; 27.02.2014 в 21:55.
Fenex вне форума Ответить с цитированием
Старый 28.02.2014, 07:50   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от Fenex Посмотреть сообщение
А вот это совсем круто выглядит: http://jsfiddle.net/Fenex/hDB4T/
Не, вот это круто выглядит: http://jsfiddle.net/Na1ve/hDB4T/1/
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 28.02.2014, 09:00   #4
Fenex
Форумчанин
 
Аватар для Fenex
 
Регистрация: 15.02.2012
Сообщений: 821
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Не, вот это круто выглядит: http://jsfiddle.net/Na1ve/hDB4T/1/
Сдаюсь ! )
^-.-^ My GitHub
Fenex вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как выполнить функцию в случае нажатия на CheckBox, если данный CheckBox был добавлен через код? PAMAC Microsoft Office Excel 7 21.02.2013 15:33
iPhone Demedes Компоненты Delphi 4 26.08.2009 22:55