Добавления текста 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"> Заранее спасибо за помощь! |
<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>
|
Цитата:
|
danik.js,
Спасибо больше можно еще чуть помощи а можно сделать 2 галочки??? Выполнено В разработке (что бы при нажатии на одну галочку другая убиралась). Если не сложно помоги |
ksa,
Я понимаю по этому и решил задать вопрос тут! |
<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>
|
| Часовой пояс GMT +3, время: 19:37. |