使用JQuery& amp;复选框值到文本字段Greasemonkey的

时间:2009-10-24 21:03:50

标签: jquery greasemonkey

我的设置如下:

<div id="problem">
    <table id="incident">
        <tr>
            <td><input type="checkbox" value="value1"></td><td>value1</td>
            <td><input type="checkbox" value="value2"></td><td>value2</td>
        </tr>
    </table>
</div>
...
<input type="text" value="" id="textfield_a01" maxlength="254"/>

我想尝试做什么,使用JQuery&amp; Greasemonkey,用于将每个已选中的复选框中的每个值放入文本字​​段中。如果未选中复选框,请删除该值。

现在,我一直在做这样的事情。

$(document).ready(function(){

    function updateTextfield() {
        var vals = [];

        $('#incident :checked').each(function() {
            vals.push($(this).val());
         });

         $('#textfield_a01').val(vals)
    }

    $(function() {
        $('#incident input').click(updateTextfield);
        updateTextfield();
    });
});

但是,是的,它不起作用,我认为这可能是因为复选框在一个表内,但我不太确定。任何关于在哪里看的提示/建议都很棒,提前谢谢。

1 个答案:

答案 0 :(得分:0)

为什么不收集所有信息并在提交时将其放入输入字段?这样你就不必添加和删除所有内容......

否则,您可以考虑创建一个数组来存储每个已检查的值(删除它时删除数组项),每次更改任何输入时,清除并将数组的toString版本写入输入?