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。

当你点击链接到checkox的标签时，它会自动检查链接到它的复选框，这会触发javascript功能..

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

您无需进行任何检查或创建链接以选中复选框..

如果勾选了复选框，请取消勾选

1 个答案: