ajax を使用して Web サービスを呼び出し、Json 値をテーブル データに表示しています。ここで、クライアントは各行でデータを編集可能にしたいので、チェック ボックスをクリックします。
チェックボックスをクリックすると、行が編集可能になります。以下のコードのどこにチェックボックスを含めるか教えてください。
$.ajax({
type: "GET", //GET or POST or PUT or DELETE verb
url: "http://localhost:8080/karthi/", // Location of the service
success: function (json) {//On Successfull service call
var txtStr = '<table class="datatable"><thead><tr> <th>id</th> <th>firstName</th> <th>lastName</th> <th>licenseId</th> <th>telephone</th> <th>email</th> </tr></thead><tbody>';
for(var i = 0; i < json.length; i++) {
txtStr += '<tr class="gradeA"> <td><a class="edit_row" href="#tab2" onclick="showDetails(\''+json[i].id+'\');">'+json[i].id+'</a></td> <td>'+json[i].firstName+'</td> <td>'+json[i].lastName+'</td> <td>'+json[i].licenseId+'</td> <td>'+json[i].telephone+'</td> <td>'+json[i].email+'</td> </tr>';