首页 > 解决方案 > 更改输入值后,JS仍然显示旧值

问题描述

我试图在用户单击按钮后更改输入字段的值。它将值更改为false,但在再次调用时它似乎并没有真正“刷新” .val()

这是一个 JS Fiddle 示例:https ://jsfiddle.net/hguom7x8/

如您所见,警报显示值为true,然后显示为false,但随后不再显示该值为true

$("#filter_assessment_list").click(function(){
  upcoming_assessments = $("#upcoming_assessments").val()
  alert(upcoming_assessments)
  if(upcoming_assessments){
    $("#upcoming_assessments").val(false)
  }
  else{
    $("#upcoming_assessments").val(true)
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="btn btn-sm btn-primary text-white" id="filter_assessment_list" href="javascript:;">
        Show only upcoming assessments
</a>

<input type="hidden" name="upcoming_assessments" id="upcoming_assessments" value="true">

标签: javascripthtmljquery

解决方案


推荐阅读