getJSON 如果复选框被选中然后取消选中

Question

我有一个函数 getBrandUrl() 可以触发 getProducts()。

如果选中复选框并触发函数（第二次，在选中的复选框上），则需要取消选中该复选框。因此，我可以构建没有该复选框值的 GET 请求，以按品牌筛选产品。

<input type="checkbox" name="brand[]" value="35890" onclick="javascript:getBrandUrl('35890');">
<a href="javascript:getBrandUrl('35890');" title="blabla" alt="blabla">blabla</a>

第一次点击 a[href] (blabla)？然后需要选中该复选框并可以格式化 GET 请求。因此，如果单击另一个复选框或 [href]，它会附加到 URL 并且当它被第二次单击时需要将其删除。

function getBrandUrl(value)
        {
            getProducts("<?=$filterUrl?>", value, 'brand[]');
        }

function getProducts(url, value, type)
        {

            if($('input[type="checkbox"][value="' + value + '"]').is(':checked')) {
                $(this).attr('checked', 'false');
            } else {
                $(this).attr('checked', 'true');
            }

            var checked = '';
            $('input[name="' + type + '"]:checked').each(function() {
                checked += '&' + type + '=' + this.value;
            });

            $.getJSON(url + checked + "&json=true", function(data) {
                $('#productList').html('');

                $.each( data, function( key, val ) {
                    var product = formatProductHTML(val.ID, val.PRICE, val.TITLE, val.LINK);

                    $(product).appendTo('#productList');
                });
            });
        }

问题是，当我第一次点击时，它会立即取消选中，因此它不会出现在格式化的 GET 请求中。

知道如何解决这个问题，或者有人知道我做错了什么吗？

Answer 1

忘记所有复选框 JavaScript。

当您点击一个标签 link 到复选框时，它会自动选中 link 到它的复选框，从而触发 javascript 功能..

<input type="checkbox" id="35890" name="brand[]" value="35890" onclick="javascript:getBrandUrl('35890');">
<label for="35890">blabla</label>

而且您无需进行任何检查或创建 link 来检查复选框..

getJSON 如果复选框被选中然后取消选中

getJSON if checkbox is checked then uncheck

javascript

ajax

checkbox

json

getjson