Question

我正在尝试在检查复选框时在div中添加今天的日期。我可以让它在控制台中工作，但不在页面上。当我在控制台中运行脚本或加载页面时，我没有收到任何控制台错误。我试过添加：

$( document ).ready(function()

到脚本，但是我收到错误。这是我的剧本：

function GetTodayDate() {
  var tdate = new Date();
  var dd = tdate.getDate(); //yields day
  var MM = tdate.getMonth(); //yields month
  var yyyy = tdate.getFullYear(); //yields year
  var currentDate = dd + "/" + ( MM+1) + "/" + yyyy;
  $('input[name=cb-switch]').is(':checked') {
      $('div#startDate').html(currentDate).appendTo(document);
   }
};

任何帮助表示赞赏。提前谢谢。

Answer 1

在准备好的文档中，您缺少点击事件处理程序以进行更改。

$('input[name=cb-switch]').click(GetTodayDate)

如果您只想在加载时调用该函数

$(document).ready({
    GetTodayDate();
});

Answer 2

这是一个简单的例子。你可以使用这段代码。

我希望对你有用。

<script type="text/javascript">
    $(document).ready(function() 
    {
        $('#myid').change(function() 
        {

            if ($(this).prop('checked')) 
            {
                var tdate = new Date();
                var dd = tdate.getDate(); //yields day
                var MM = tdate.getMonth(); //yields month
                var yyyy = tdate.getFullYear(); //yields year
                var currentDate = dd + "/" + ( MM+1) + "/" + yyyy;
                $('div#startDate').append("<p>"+currentDate+"</p>");
    }
    else {
        alert("You have elected to turn off checkout history."); //not checked
    }
});
    });
</script>

myid是您的复选框的ID

Answer 3

看起来有一个小问题，is(':checked')是一个布尔值。因为它不是if语句，它可能会说意外{。所以将该行代码更改为：

if($('input[name=cb-switch]).is(':checked')) {
      $('div#startDate').html(currentDate);
   }

当你打电话给你的方法时它会起作用。

要调用您的方法，请执行以下操作：

$("input[name=cb-switch]").change(function(){
        GetTodayDate();
    });

希望这会有所帮助。干杯!!!

JQuery - 选中复选框时，将今天的日期添加到div

3 个答案: