更改文本框时自动复选框

Onchange textbox auto checkbox

本文关键字：复选框 文本      更新时间：2023-11-28

当我更改第二个文本框时，第一个复选框将被选中。我想要的是当更改第二个文本框的值时，第二个复选框会自动选中。

这是我的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/

您有四个具有相同ID的元素。HTML中的ID必须是唯一的。

元素的Id必须是唯一的，因此请改用class。

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()

演示：Fiddle

下面是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>
相关文章：