मेरे पास एक टेबल है जिसमें 2 <td> का एक चेकबॉक्स है और अन्य का मूल्य है:

मेरी तालिका इस प्रकार है:

<table border="1" id="table_sundry">
    <tr>
        <td><input type="checkbox" id="chk_1"></td>
             <td id="val1">a</td>
    </tr>
        <tr>
        <td><input type="checkbox" id="chk_2"></td>
             <td id="val2">b</td>
    </tr>
            <tr>
        <td><input type="checkbox" id="chk_3"></td>
             <td id="val3">c</td>
    </tr>
                  <tr>
        <td><input type="checkbox" id="chk_4"></td>
             <td id="val4">d</td>
    </tr>
                        <tr>
        <td><input type="checkbox" id="chk_5"></td>
             <td id="val3">e</td>
    </tr>
</table>
                      <input type="button" id="btn_del" value="deleterow">

मेरे पास उस विशेष पंक्ति की जाँच करने के बाद पंक्तियों को हटाने के लिए एक बटन है।

हटाने के रूप में मैं क्या कर रहा है:

$("#btn_del").click(function(){ 
   var checked = $("#table_sundry tr input:checked").size();
    var total = $("#table_sundry tr").size()-1; 
    var rowcnt =  document.getElementById("table_sundry").rows.length-1;  

    var flag = 0;
    if($("#chk_"+rowcnt).prop('checked') == true){ //if delete contains last row
        $("#table_sundry tr input:checked").parents('tr').remove();

         flag =1;
        //updateRowCount(flag);
    }
    else{ 
            $("#table_sundry tr input:checked").parents('tr').remove();
            //updateRowCount(flag);
        }
});

कॉमा को अलग करते हुए मुझे दूसरे कॉलम के मूल्यों को संग्रहीत करने की आवश्यकता है। मान लीजिए अगर मैं पहला और आखिरी कॉलम हटाता हूं तो मुझे चर में a,e मिलना चाहिए।

संदर्भ देखें: FIDDLE

0
Santhucool 13 नवम्बर 2015, 06:49

3 जवाब

सबसे बढ़िया उत्तर

JS Fiddle: https://jsfiddle.net/7ft6qtja/2/

एचटीएमएल

<table border="1" id="table_sundry">
    <tr>
        <td><input type="checkbox" id="chk_1"></td>
             <td id="val1">a</td>
    </tr>
        <tr>
        <td><input type="checkbox" id="chk_2"></td>
             <td id="val2">b</td>
    </tr>
            <tr>
        <td><input type="checkbox" id="chk_3"></td>
             <td id="val3">c</td>
    </tr>
                  <tr>
        <td><input type="checkbox" id="chk_4"></td>
             <td id="val4">d</td>
    </tr>
                        <tr>
        <td><input type="checkbox" id="chk_5"></td>
             <td id="val3">e</td>
    </tr>
</table>
                      <input type="button" id="btn_del" value="deleterow">

जावास्क्रिप्ट

var values = [];
var csv = ""; // Store Comma separated values in this variable;

$(document).ready(function(){

  $("#btn_del").click(function(){ 

    var checkboxes = $("#table_sundry tr input:checked");

    if (checkboxes.length > 0) { 

      $.each(checkboxes, function (index, checkbox) {

        var tr = $(checkbox).closest("tr");

        var value = tr.find("td:eq(1)").html();

        values.push(value);

        csv = values.join();

        tr.remove();

      });

      alert(csv);

    }
    else {

      alert("Please select an item.");

    }

  });

});    
2
Ahsan 13 नवम्बर 2015, 04:57

हम इसका उपयोग करके भी इसे हल कर सकते हैं

 var value=[];
               var allValue;
               $('#btn_del').click(function (){
                   $("table tr :checkbox:checked").each(function (){
                     var attrValue=$(this).closest('tr').find("td:eq(1)").attr('id') ;
                     console.log('value is'+attrValue);
                     value.push($('#'+attrValue).html());
                     allValue=value.join();
                     alert('Values Are'+allValue);
                     if($(this).closest('tr').length>0){
                         $(this).closest('tr').remove();
                     }

                  });
0
Chandan Sarma 13 नवम्बर 2015, 06:01

छोटे बदलाव करके आप इसे हासिल करेंगे

<table border="1" id="table_sundry">
    <tr>
         <td><input type="checkbox" value='a' id="chk_1"></td>
         <td id="val1">a</td>
    </tr>
    <tr>
         <td><input type="checkbox" value='b' id="chk_2"></td>
         <td id="val2">b</td>
    </tr>
        <tr>
         <td><input type="checkbox" value='c' id="chk_3"></td>
         <td id="val3">c</td>
    </tr>
              <tr>
      <td><input type="checkbox" value='d' id="chk_4"></td>
         <td id="val4">d</td>
</tr>
                    <tr>
    <td><input type="checkbox" value='e' id="chk_5"></td>
         <td id="val3">e</td>
</tr>

और इस तरह से jquery

    $(document).ready(function(){

    $("#btn_del").click(function(){ 
        var checked = $("#table_sundry tr input:checked").size();
        var total = $("#table_sundry tr").size()-1; 
        var values="";
        var rowcnt =  document.getElementById("table_sundry").rows.length-1;  

        var flag = 0;
        if($("#chk_"+rowcnt).prop('checked') == true){ //if delete contains last row
           console.log("ëe"+ $("#chk_"+rowcnt).prop('value'));
            $("#table_sundry tr input:checked").parents('tr').remove();

             flag =1;
            //updateRowCount(flag);
        }
        else{
            var vals=$("#table_sundry tr input:checked");
            for(var i=0;i<vals.length;i++){

                if(i>0)
                    values+=",";
                values+=vals[i].value;
            }
            console.log(values);
                $("#table_sundry tr input:checked").parents('tr').remove();
                //updateRowCount(flag);
            }
    });
});

वैरिएबल में वैल्यू में कॉमा सेपरेटेड वैल्यूज होती हैं

0
anas p a 13 नवम्बर 2015, 04:23