取消选中复选框时设置复选框值

Question

如何使用javascript或其他任何方式实现此目的。

我的复选框看起来像这样

<th>{{ render_field_with_errors(form.polycarbonate_r, value="Polycarbonate", type="checkbox") }}</th>

这是烧瓶WTF表单内置复选框。

我希望能够在未选中时设置复选框值。

Answer 1

最简单的方法是在输入状态发生变化时触发一个函数，如下所示：

$('input').on('change', function() {
    if ($(this).prop('checked') == false) {
        $(this).val('New Value');
    } 
}

如果再次检查该值，您也可以将其更改回来。只需添加“else”语句即可。