取消选中一组复选按钮

时间:2016-02-18 21:49:14

标签: javascript checkbox

我正在尝试在onclick事件中取消选中一组检查按钮:

HTML:

 </div>
            <button onclick="getChart(); uncheck();" type="submit" class="btn btn-default" id="refreshChart">Request</button>
        </div>

            <form class="form">
                <div class="btn-group btn-group-justified " data-toggle="buttons" name="chartSelect">
                    <label class="btn btn-info" id ="hide">
                        <input name="hide" type="checkbox" ><span>Hide</span>
                    </label>
                    <label class="btn btn-info">
                        <input name="total" id="total" type="checkbox">Total
                    </label>
                    <label class="btn btn-info">
                        <input name="max" id="max" type="checkbox">Max
                    </label>
                    <label class="btn btn-info">
                        <input name="mean" id="mean" type="checkbox">Mean
                    </label>
                    <label class="btn btn-info">
                        <input name="min" id="min" type="checkbox">Min
                    </label>
                    <label class="btn btn-info">
                        <input name="extrapo" id="extrapolation" type="checkbox">Extrapo
                    </label>
                    <label class="btn btn-info">
                        <input name="all" id="all" type="checkbox">All
                    </label>
                </div>
            </form>

我甚至只是试图取消一个按钮取消选中,但没有成功。

JS:

function uncheck() {
    if ($('[name=max]').is(':checked')) {
        $('[name=max]').attr('checked', false);
    }
}

2 个答案:

答案 0 :(得分:1)

似乎这样调用过滤器is

$("div[data-toggle='buttons'] input[type='checkbox']").is(":checked")

不起作用。但如果你把它与选择器,它的工作原理。所以这很好:

$("div[data-toggle='buttons'] input[type='checkbox']:checked")

现在你可以取消选中它们:

$("div[data-toggle='buttons'] input[type='checkbox']:checked").removeAttr("checked");

fiddle

中试试

答案 1 :(得分:0)

看起来您的代码正在运行,只是您调用了未定义的函数getChart()。当我删除该函数时,单击该按钮时将取消选中该复选框。

https://jsbin.com/yakiyopoye/edit?html,output