更改输入值后,JS仍然显示旧值

时间:2021-02-01 21:08:43

标签: javascript html jquery

我试图在用户单击按钮后更改输入字段的值。它将值更改为 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">

0 个答案:

没有答案