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

Question

我怎样才能使用 javascript 或其他任何东西来实现。

我的复选框看起来像这样

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

它是 flask WTF 形式的内置复选框。

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

Answer 1

最简单的方法是在输入状态改变时触发一个函数，就像这样:

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

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