取消选中重新加载时的复选框

时间:2017-07-20 14:50:17

标签: javascript jquery

我想在调用location.reload();时取消选中所有复选框,因此我使用了此代码,但仍选中了选中的复选框。

$(document).ready(function() {    
  $(':checkbox').each(function() {
    $(this).attr('checked', false);
  });
});

1 个答案:

答案 0 :(得分:0)

在这里,您将使用示例解决方案https://jsfiddle.net/xuuz5gqn/1/

$('input[type="submit"]').click(function(){
	$('input[type="checkbox"]').each(function(){
  	$(this).prop('checked', false);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" checked />Checbox 1<br/>
<input type="checkbox" checked />Checbox 2<br/>
<input type="checkbox" checked />Checbox 3<br/>
<input type="checkbox" checked />Checbox 4<br/>
<input type="checkbox" checked />Checbox 5<br/>


<input type="submit" value="Submit" />

点击提交按钮复选框取消选中