Question

我有什么方法可以让用户选中一个框，它会在相应的数字框中自动添加数字1吗？这是我到目前为止所做的，但是当我检查它时，它不会在框中添加一个数字。我哪里错了？

$(document).ready(function () {
    $(".copyMe").keyup(function () {
        $(".copyMe").val($(this).val());
    });
});

<input class="copyMe" type="checkbox" />
<input class="copyMe" type="number" />

Answer 1

这是你之后的事吗？（Jsfiddle）

<input class="copyMeCheckbox" type="checkbox" />
<input class="copyMeNumber" type="number" />

$('.copyMeCheckbox').on('change',function(){
   $('.copyMeNumber').val(1);
});

Answer 2

问题是您必须区分复选框和数字输入。（编辑：请注意，您可以在不更改类的情况下执行此操作，但我在此处已经完成了更具体的命名元素）。如果要在选中此框时输入数字“1”，则必须在复选框上设置处理程序。在这里摆弄：http://jsfiddle.net/h42j0ph3/1/

Map::get

Answer 3

如果你喜欢保留你的标记，那么你可以做到这一点：

<input class="copyMe" type="checkbox" />
<input class="copyMe" type="number" />


 $(document).ready(function () {
        $("input:checkbox[class='copyMe']").on("change",function () 
        {
            $("input[type='number'][class='copyMe']").val('1');  
        });
    });

Jsfiddle：https://jsfiddle.net/s4unjx41/1/

有没有办法让复选框在点击时将数字“1”添加到数字类型框中？

3 个答案: