javascript - 当值为 0 时，更改复选框 - 输入仅接受数字

Question

我有一个复选框，单击时输入值为 1。未选中时输入值为 0。没关系。

输入只接受数字，验证正常。我希望它的工作方式是，当值为 0 时，不会选中复选框。

当我使用一位或两位以上的值时，我的示例有时会失败。

  jQuery(document).on('keypress keyup blur', 'input.e-qty', function (event) {
        if ((((event.which > 47) && (event.which < 58)) || (event.which == 13)) ) {
            var qty = jQuery(this).val();
            if(qty.length == 1 && qty == 0){
                jQuery('.product').trigger('click');
            }

            return true;
        }
        return false;        
    });


    jQuery(document).on("change", ".product", function () {
        var id = this.id.split("_").pop();
        var qty = jQuery('#qty_' + id);

        qty.val(+this.checked);

    });

https://jsbin.com/patekocuya/1

Answer 1

此外，您可以使用 attr 属性，因为属性也可以在运行时更改，因此您的代码将如下所示..

jQuery(document).on('keypress keyup blur', 'input.e-qty', function (event) {
        if ((((event.which > 47) && (event.which < 58)) || (event.which == 13)) ) {
            var qty = Number(jQuery(this).val());

            if(qty == 0){

                $('.product').attr('checked', true);

            }else{

                $('.product').attr('checked', false);
            }

            return true;
        }
        return false;        
    });

注意

另请注意，检查您是否正在使用类，最好告诉页面您正在引用哪个复选框，因为类引用会返回一个集合。使用此方法您可以直接修改 HTMLInputElements 属性，

因此你的代码变成 -

 $('.product')[0].checked = true;
 or
 $('.product')[0].checked = false;