Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.04.2013, 16:13
Аспирант
Отправить личное сообщение для FredIkO Посмотреть профиль Найти все сообщения от FredIkO
 
Регистрация: 19.04.2013
Сообщений: 53

Добавления текста input
Всем привет прошу помощи в создании небольшого скрипта

Куда должен вставляться текст
<input type="text" id="bdF13" class="manFlOth1" size="35" style="width:100%;" name="other1" maxlength="100">


Кнопки
<button id="mybutton">В разработке</button><button id="mybutton2">Выполнено</button>


Js - код
<script>
$('#mybutton').click(function(){$('#bdF13').val("В разработке")})
$('#mybutton2').click(function(){$('#bdF13').val("Выполнено")})
</script>


Все это работает но у меня возник такой вопрос

Можно ли тоже самое сделать с использованием галочек! (checkbox)???

<input type="checkbox">


Заранее спасибо за помощь!

Последний раз редактировалось FredIkO, 26.04.2013 в 16:16.
Ответить с цитированием
  #2 (permalink)  
Старый 26.04.2013, 16:20
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<input type="text" id="bdF13" class="manFlOth1" size="35" style="width:100%;" name="other1" maxlength="100">
<label><input type="checkbox" id="mycheckbox">Выполнено</label>
<script>
(function(){
    var input = document.getElementById('bdF13'),
        checkbox = document.getElementById('mycheckbox');
    checkbox.onchange = function() {
        input.value = this.checked ? 'Выполнено' : 'В разработке';
    }
})()
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 26.04.2013, 16:22
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от FredIkO
Можно ли тоже самое сделать с использованием галочек! (checkbox)?
Состояния 'Выполнено' и 'В разработке' взаимоисключающие... Т.ч. тут более подходят радиобаттоны.
Ответить с цитированием
  #4 (permalink)  
Старый 26.04.2013, 16:23
Аспирант
Отправить личное сообщение для FredIkO Посмотреть профиль Найти все сообщения от FredIkO
 
Регистрация: 19.04.2013
Сообщений: 53

danik.js,
Спасибо больше
можно еще чуть помощи
а можно сделать 2 галочки???
Выполнено В разработке (что бы при нажатии на одну галочку другая убиралась). Если не сложно помоги
Ответить с цитированием
  #5 (permalink)  
Старый 26.04.2013, 16:24
Аспирант
Отправить личное сообщение для FredIkO Посмотреть профиль Найти все сообщения от FredIkO
 
Регистрация: 19.04.2013
Сообщений: 53

ksa,
Я понимаю по этому и решил задать вопрос тут!
Ответить с цитированием
  #6 (permalink)  
Старый 26.04.2013, 16:50
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<input type="text" id="bdF13" class="manFlOth1" size="35" style="width:100%;" name="other1" maxlength="100">
<label><input type="radio" name="state" value="done">Выполнено</label>
<label><input type="radio" name="state" value="inprogress">В разработке</label>
<script>
(function(){
    var input = document.getElementById('bdF13'),
        radios = document.getElementsByName('state');

    var onchange = function() {
        input.value = this.nextSibling.nodeValue;
    }
    for (var i = 0; i < radios.length; i++) {
        radios[i].onchange = onchange;
    }
})()
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Мини библиотека для контроля ввода текста в TEXTAREA / INPUT devote Ваши сайты и скрипты 5 21.03.2014 14:13
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Смена текста title при написании на input hell100 Общие вопросы Javascript 2 04.03.2012 14:23
Передача текста из input в label Eclipse Events/DOM/Window 15 14.06.2011 22:50
Добавление текста к input элементу Cepin Элементы интерфейса 4 05.05.2010 09:10