jquery - jquery、チェックボックスが変更されると、2 つのアラートが表示されます

Question

チェックボックス (1 つだけ) を動的に生成します。このチェックボックスがチェックされている場合は、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'));
 });