Флажок Onchange textbox auto

0

Когда я меняю второе текстовое поле, проверяется 1-й флажок. Я хочу, чтобы при изменении значения второго текстового поля был автоматически проверен второй флажок.

Это мой HTML

<input type="checkbox" id="chbx" onchange="checkbox_changed()">
<input type="text" id="chbx" onChange="checkbox_changed()" value="Value1">
<br>
<input type="checkbox" id="chbx" onchange="checkbox_changed()">
<input type="text" id="chbx" onChange="checkbox_changed()" value="Value2">

Javascript

<script type="text/javascript">
    var checkbox = document.getElementById("chbx");

    function checkbox_changed() {
      checkbox.checked = true;
    }
</script>

Решение такое. Но я использую текстовое поле не выпадающее меню. http://jsfiddle.net/jfriend00/g3UQG/

Теги:

3 ответа

2

У вас есть четыре элемента с одинаковым идентификатором. Идентификаторы в HTML должны быть уникальными.

Поделиться
  • 0
    это работает с помощью текстового поля?
  • 0
    Может или не может. Пока вы не исправите HTML и не сделаете его действительным, вы теряете время. Сделайте его действительным, а затем подумайте о решении вашей проблемы в этом контексте.
0

Вот вам html:

<input type="checkbox" id="chbx" onchange="checkbox_changed()">
<input type="text" class="chk" onChange="checkbox_changed()" value="Value1">
<br>
<input type="checkbox" class="chk" onchange="checkbox_changed()">
<input type="text" class="chk" onChange="checkbox_changed()" value="Value2">

И вот javascript:

<script type="text/javascript">
    $(function(){
       // when you check your chbx checkbox, other checkbox is checked too.
       $("#chbx").change(function(){
         $('.chk').prop('checked', true);
       });
    });
</script>
Поделиться
0

Идентификатор элемента должен быть уникальным, поэтому вместо этого используйте класс.

Ty

<input type="checkbox" class="chbx" />
<input type="text" class="chbx" value="Value1" />
<br/>
<input type="checkbox" class="chbx">
<input type="text" class="chbx" value="Value2" />

тогда

$('.chbx[type="checkbox"]').change(function () {
    if (!this.checked) {
        $(this).next().val('')
    }
})
$('.chbx[type="text"]').change(function () {
    $(this).prev().prop('checked', this.value != '')
}).change()

Демо: скрипка

Поделиться
  • 0
    Вы должны предоставить в чистом виде JavaScript, а не в Jquery
  • 0
    @antindexer Я думаю, что вопрос помечен с помощью jQuery и нет упоминаний о том, что не следует использовать jQuery
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню