javascript - 选中复选框时文本框值更改的jquery函数

Question

我有一个文本区域，其中填充了正在检查的 checkboxex 的值。当文本区域的内容发生变化时，我想调用一个 jquery 函数。我尝试了以下功能，但它仅在其内容通过键而不是由于复选框值映射而更改时才起作用。

$(document).ready(function(){
        $('#message_sent_to').on('propertychange change keyup paste input',function() {
            alert("hello");
        var limit = $('#promo_limit').val();
        alert("<%= @p_limit %>");
    });

文本区域是

<%= f.text_area :sent_to, :class => 'form-control'%>

有两个复选框，一个用于映射所有复选框的值，一个用于映射单个复选框的值。

<%= check_box_tag "contact_no[]", staff.contact_no %>
<%= check_box_tag "contact_nos[]", @staff_members.map(&:contact_no).join(', ') %>

注意:复选框映射的代码太长，这里就不贴了。

Answer 1

您也可以通过检查文本框值使用 javascript 来做到这一点，即它是否根据某个时间进行更改。

var $message_sent_to = $("#message_sent_to");
$message_sent_to.data("value", $message_sent_to.val());
setInterval(function() {
var data = $message_sent_to.data("value"),
val = $message_sent_to.val();
if (data !== val) {
    $message_sent_to.data("value", val);
    alert("changed");
}
},100);