我正在嘗試在復選框輸入欄位中添加時間戳作為值。但它總是顯示相同的值。
如何在取消選中時添加不同的值（空白）？
這是他的 HTML 代碼，
<div class="flex items-center mb-4 newsletter-check">
<input type="checkbox" id="newsletter" name="join-my-newsletter" class="form-check" value="Yes">
<label class="form-check-label" for="newsletter">Join my newsletter</label>
</div>
我使用了 javascript
$(function() { // when page loads
var timeNow = new Date().getTime();
$(".newsletter-check input[type='checkbox']").on("click",function() {
if (this.checked) $("#newsletter").attr('value', timeNow );
});
});
uj5u.com熱心網友回復：
你可以試試這個代碼：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".newsletter-check input[type='checkbox']").on("click",function() {
var timeNow = new Date().getTime();
if ($(this).prop('checked')==true){
$("#newsletter").attr('value', timeNow );
alert(timeNow);
}else{
$("#newsletter").attr('value', '');
}
});
});
</script>
</head>
<body>
<div class="flex items-center mb-4 newsletter-check">
<input type="checkbox" id="newsletter" name="join-my-newsletter" class="form-check" value="Yes">
<label class="form-check-label" for="newsletter">Join my newsletter</label>
</div>
</body>
</html>uj5u.com熱心網友回復：
時間戳在頁面加載時設定，因此不會更新。
您可以在 click 事件中移動時間戳宣告，以便在您觸發復選框時更新。
$(function() { // when page loads
$(".newsletter-check input[type='checkbox']").on("click",function() {
var timeNow = new Date().getTime();
console.log(timeNow);
if (this.checked) $("#newsletter").attr('value', timeNow );
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="flex items-center mb-4 newsletter-check">
<input type="checkbox" id="newsletter" name="join-my-newsletter" class="form-check" value="Yes">
<label class="form-check-label" for="newsletter">Join my newsletter</label>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/397087.html
標籤：javascript html 查询
上一篇：僅在匹配搜索時顯示資料
下一篇：JavaScript物件作為引數