使用 JQuery 从表中获取选定值

Question

I am using below code for getting check value from table which is printing all checked checkbox value.But i want to get only selected checkbox value not all checked value.

function clickedBoxAdd(checkBoxvalue) {
    var values = new Array();
    $.each($("input[name='" + checkBoxvalue + "']:checked").closest("td").next("td").next("td"),
           function () {
                values.push($(this).text());
           });
           alert(values);   
           addVariablesRow1()  

}

For adding table row if i click checkbox using below code which is working.Can anyone please help how to delete rows as well when i unselect checkboxes.

function addVariablesRow1() {
            var $t = $("#addTable");
            var $row = $($t.find("tr")[1]);
            var r = $row.clone();
            r.find("input[type=text]").val("")
            r.find("input[type=checkbox]").attr('checked',  false)
            r[0].style.display = "";
            r.appendTo($t);
}

HTML

 <input type="checkbox" class="checkBox" name="checkBox_B[]" onclick="clickedBoxAdd(this.name)">

Table

        <table id="addTable" class="table table-bordered">
        <thead>
                <tbody class="snmp_oid_table">

        <tr class="info">
          <th>Oid</th>
          <th>Data Type</th>
          <th>Set Value</th>
        </tr>
        </thead>
  <tr style="display:none">

            <td>
              <input type="text" class="name" id="oids" name="oid">
            </td>   

            <td>
              <input type="text" class="text" name="oid_description">
            </td>
            <td>
              <input type="text" class="expectedValue" name="expected_value">
            </td>
</tr>
          </tbody>
      </table>           

CheckBox

         <table id="addOidTable" class="table table-bordered">
           <thead>
         <tr class="info">
           <th style="width: 10px;">
           <input type="checkbox" id="checkBox_add_b[]" onclick="selectAddAll(this)"/>SA</th>
           <th>name</th>
           <th>Oid </th>
         </tr>
       </thead>
         <tbody class="oid_table">
             <% @all_b_oids.each do |oids| %> 
                <tr id="tr_snmp_<%=oids['id'] %>">
                   <td>
                     <input type="checkbox" class="checkBox" name="checkBox_Oid_B[]" onclick="clickedBoxAddAll(this.name)">
                   </td>
                   <td style="word-break:break-all;">
                      <%= oids['name']%>   
                    </td>
                     <td style="word-break:break-all;">
                         <%= oids['oid']%>    
                     </td>
                 </tr>
                 <% end %>
           </tbody>
         </table>

Answer 1

You are actually getting all checkbox's values and pushing those in arrays by using '$.each'

Anyway, for the first part of your question, your checkbox should have a class eg chkbox , then you can get it's value in it's click handler:

 $(".chkbox").click(function() {
$(this).closest('td').html()
});

To delete a row from table, assign id to each tr once you create it:

r.attr("id", "rowid");

Then once checkbox is unselected, you can remove row in checkbox's click handler:

 $(".chkbox").click(function() {
    if(!$(this).is(':checked')) {
       $('#rowid').remove();

    }
 });

Hope this helps.