jquery - jquery，当复选框更改时，我收到两个警报

Question

我动态生成一个复选框（只有一个），我希望如果选中此复选框，将进行 ajax 调用，以便可以通过 php 文件将值的状态（选中或未选中）保存到数据库中。

我还没有完成 ajax（应该没问题）并用警报对其进行了测试。因此，当用户单击复选框时，会显示警报并选中复选框。但是当用户点击同一页面上的任意位置时，警报会重复出现，并且复选框将被取消选中。然后用户可以点击页面上的另一个元素。怎么了？

继承人的js：

function onHeadlinesLoad()
{
var hID = window.localStorage.getItem("headlineID");
window.localStorage.removeItem("headlineID");
window.localStorage.clear();

$.ajax({
       url: "headlines_getter.php?hID=" + hID ,
       success: function(data) {
       if(data){

       $("#headlinescheck").append('<label><input type="checkbox" id="headlinescheck" name="checkbox-1" value="' + hID + '" data-mini="true" /> Yes </label>');

       $("input[type='checkbox']").checkboxradio();
       $("#headlineshome").append(data);
       }
       }
       });

}

$("input[type='checkbox']").live('change',function() {
      alert($("input[type='checkbox']").attr('value'));
 });