2017-12-21 8 views
3

私はこれと混同しています。ページのソースを13に値11から変更されている場合は、ユーザーが13Jquery AJAXユーザーがid値を変更して機能がクリックされたときにそれをチェックするのを防ぐ方法

$("body").on("click", ".getcheck", function() { 
    var gid = $(this).parent("td").data('id'); 
    var ischecked = $(this).is(":checked"); 

     if (ischecked) { 
      $.ajax({ 
       type: 'POST', 
       url: url +'todolist/update_checklist', 
       data: { gid }, 
      }).done(function (getdata) { 
       alert("Added") 
      }); 
     } 

    if (!ischecked) { 
     $.ajax({ 
      type: 'POST', 
      url: url + 'todolist/update_checklistcancel', 
      data: { gid }, 
     }).done(function (getdata2) { 
      alert("Deleted") 
     }); 
    } 
}); 

にページのソースを変更するが、それはそれは、ユーザー権利のようなものですどのように元のIDを提出することができる代わりに、11の13値を修正します要素をクリックして検査し、値を13. Value.idに変更します。これは、ロード時にページに表示されます。そして、data-id:value.idがチェックボックスとdelボタンに有効になります。しかし、ユーザーが右クリックして値を調べて13に変更した場合。テーブル13の項目が変更されます。

function manageRow(data) { 
    var rows = ''; 
    var checkedverify= "checked"; 
    $.each(data, function (key, value) { 
     var newchecked = value.checked; 
     rows = rows + '<tr>'; 
     rows = rows + '<td>' + value.todo_list + '</td>'; 
     rows = rows + '<td data-id="' + value.id + '">'; 
     if (newchecked == 1) 
      { 
      rows = rows + '<input type="checkbox" style="width:21px;height: 21px;" class="getcheck" id="' 
      + value.id + '"' + checkedverify + ' />&nbsp&nbsp'; 
     } 
     else 
     { 
      rows = rows + '<input type="checkbox" style="width:21px;height: 21px;" class="getcheck" id="' 
      + value.id + '" />&nbsp&nbsp'; 
     } 
     rows = rows + '<button class="btn btn-danger delete_todo" style="margin-bottom:10px">Del</button>'; 
     rows = rows + '</td>'; 
     rows = rows + '</tr>'; 
     function markdone(getvalue) { 
      alert(getvalue); 
     } 
    }); 

    $("tbody").html(rows); 


} 
+0

テーブルコードを記入してください。 –

+0

ユーザーはどのようにIDを変更するのですか? –

+0

ユーザーinspect要素とid値を変更します。私は以前の値と同じ場合は、再度IDを再確認したいと思います。しかし、どうすればいいですか?私は$(function(){を使用して、ページが読み込まれるときに読み込みます。 –

答えて

2

使用「JavaScript - localStorage」機能は、Webページのデータを保存し、次のようなタスクのためにそれを使用します。あなたが必要なlocalStorageと情報を保存するには

localStorage.setItem("id", "11"); 

あなたはそれを自分で削除するまで、この情報は恒久的にブラウザに保存されます。

localStorage.removeItem("id"); 

これは、アイテムを削除し、あなたが全体を削除する場合データ:

localStorage.clear(); 

したがって、ユーザーがフォームまたは何か、あなたは常に元のidの値を取得することができます。

localStorage.getItem("id"); 
関連する問題