Jquery更改多个事件的值

Question

我想计算选中的复选框和文本框中的单词，并从两者中创建一个新变量。

我所做的是： 两者分开工作。 我想在文本框事件中访问 len 变量，然后将当前的数量 + 复选框相加。

<h2>Moods</h2>
        <input type="checkbox" name="mood[]">Optimistic
        <input type="checkbox" name="mood[]">Cheerfull

    <textarea id="readscript" cols="60" rows="10" placeholder="Enter Read Text here" required></textarea>

这是 jsfiddle 解释和展示我所做的事情：https://jsfiddle.net/wqoynasu/5/

谢谢！！

Answer 1

我错了，因为只有在 unfocus 时才会在 textarea 上运行更改事件。我认为最好的解决方案是使用两个事件处理程序将它们发送到您的函数 -

$('textarea').keyup(function(event){
     yourFunc();
});

$('input').change(function(event){
     yourFunc();
});

Answer 2

我建议您在文本框更改事件中再次计算 len。无需更新全局变量。当你需要它时，你总是可以这样检索它：

var len =  $("input[name='mood[]']:checked").length;

或者你将这段代码包装在一个函数numberOfCheckedCheckboxes()中。

您的脚本也有错误。 ifs 的级联中的第一个总是落到第二个（0 总是 else if。

更新：我建议您创建一个 update() 函数，该函数会执行两个部分的计算并在文本或复选框更改时触发。

Answer 3

您可以将以下 sn-ps 添加到您的代码中。

$(':checkbox').change(function() {
        $('#readscript').trigger('input');
    });

并且在 readscript 的 on-input 事件中使用以下内容。

if (c.words == 0) {
          $ammount = 0 + $("input[name='mood[]']:checked").length;
            $price.html($ammount);
        }
        if (c.words <= 80) {
          $ammount = 10 + $("input[name='mood[]']:checked").length;
            $price.html($ammount);
        }
        if (c.words > 80 && c.words <= 200) {
        $ammount = 15 + $("input[name='mood[]']:checked").length;
            $price.html($ammount);
        }
        if (c.words > 300 && c.words <= 400) {
          $ammount = 20 + $("input[name='mood[]']:checked").length;
            $price.html($ammount);
        }

希望这会有所帮助。

Answer 4

您可以对所有类型的输入使用事件处理程序，检查其类型，然后将其相应地传递给您的函数。

$('input, textarea').change(function(event){
   alert(event.target.type) // This checks the input type
})