Question

我有一个下拉框，当从下拉列表中选择它显示数据时我也有每个td上方的复选框，此复选框用于隐藏由java脚本执行的列，如果用户检查检查框，他在下拉框中选择另一个值，然后选中的复选框将不会显示，

下面的

是选中复选框时隐藏列的代码

我想如果用户勾选复选框并在下拉框中选择另一个值，则所选复选框将不会显示任何一个如何操作

<input type='checkbox' style='margin:-19px 0 0 732px;   border: 1px solid grey;' name='9xx'/>9xx
<input type='checkbox' style='margin:-19px 0 0 36px;   border: 1px solid grey;' name='6xx'/>6xx  
<input type='checkbox' style='margin:-19px 0 0 30px;   border: 1px solid grey;' name='12xx'/>12xx
<input type='checkbox' style='margin:-19px 0 0 21px;   border: 1px solid grey;' name='14xx'/>14xx
<input type='checkbox' style='margin:-19px 0 0 26px;   border: 1px solid grey;' name='10xx'/>10xx
<input type='checkbox' style='margin:-19px 0 0 31px;  border: 1px solid grey;' name='8xx'/>8xx
<input type='checkbox' style='margin:-19px 0 0 31px;  border: 1px solid grey;' name='11xx'/>11xx

<script>
$("input:checkbox:not(:checked)").each(function() {
    var column = "table ." + $(this).attr("name");
    $(column).show();
});

$("input:checkbox").click(function(){
    var column = "table ." + $(this).attr("name");
    $(column).toggle();
});

</script>

Answer 1

使用 localStorage 。

这是JSFiddle的例子。 Link

背后的代码：

HTML代码：

<input type="checkbox">

JS代码：

$(function(){
    var test = localStorage.input === 'true'? true: false;
    $('input').prop('checked', test || false);
});

$('input').on('change', function() {
    localStorage.input = $(this).is(':checked');
    console.log($(this).is(':checked'));
});

如何在刷新页面后选中复选框

1 个答案: