在将文本放入从文本区并对其进行复选框后，检查主复选框

Checking master checkbox after putting text to slave textarea and checkboxing it

本文关键字：复选框 检查 文本 文本区      更新时间：2023-09-26

我的复选框有问题。目前我会在从机为checked后自动勾选主机复选框。在文本区输入后，从框自动变为checked，但是在文本区输入后，我无法使主复选框变为checked。

我想在文本区放入文本后检查从复选框和主复选框。

下面是我当前的代码:

HTML: 

<input type="checkbox" name="qqryq" class="master" value="1" id="wod">master<BR>
--<input type="checkbox" name="qqryq" class="slave" value="1" id="sth">
<input type='text' name='tekst'  size=1 maxlength=3 onkeyup="userTyped('sth', this)">

JS: 

function userTyped(name_chbox, e){
    if(e.value.length > 0){
        document.getElementById(name_chbox).checked=true;
     }else{
        document.getElementById(name_chbox).checked=false;
    }
 }
$(document).ready(function () {
    $(".slave").click(function () {
        if (this.checked == true) {
            $(".master").attr('checked', this.checked);
        }
    });
});

小提琴:http://jsfiddle.net/bb92N/2/

Try

<input type="checkbox" name="qqryq" class="master" value="1" id="wod">master<BR>
<input type="checkbox" name="qqryq" class="slave" value="1" id="sth">
<input type='text' name='tekst' class="tekst"  size=1 maxlength=3>

和

$(document).ready(function () {
    $(".slave").click(function () {
        if (this.checked) {
            $(".master").prop('checked', this.checked);
        }
    });
    $('.tekst').keyup(function(){
        $('.master, .slave').prop('checked', this.value.length > 0);
    })
});

演示:小提琴

相关文章：