「jQuery」セレクタhiddenに値を設定するサンプル

2014年1月7日2021年8月3日

書式
$(セレクタ).click(function(){
$(hiddenのセレクタ名)
}
使用例

<div>hiddenの値： <span id="kk"></span></div>
<br>
<input type="hidden" value="456" id="cft">
<input type="button" id="btnshow" value="表示" />
<input type="button" id="button8" value="クリア" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>

      $("#btnshow").click(function() {
            // IDセレクタcftにhiddenの値を設定
            $("#cft").val("123");
            $("#kk").text($("#cft").val());
      });
      $("#button8").click(function() {
            $("#cft").val(""); //クリア
            $("#kk").text("");
      });

</script>