提交表格后隱藏選擇單選按鈕的表格行

Question

我有表格包含在表格中。 該表是從CF循環中構建的，在該循環中，我已在sql表中為每個行ID分配了NumberID。 我有一個執行jquery ajax提交的提交按鈕。 我需要隱藏提交的行，而不是重新加載頁面。

    <form id="unsortedTable" >
    <input type="submit"   id="makeParentButton" value="Make Parent">
    </span>
    <div class="row-fluid"><p></p>
    <table class="table table-bordered table-striped table-hover">


        <tbody>
      <cfloop query="nonAffiliated">

          <tr id="#NumberID#">
            <td><input type="radio"  name="NumberID" value="#NumberID#"></td>
          </tr>
      </cfloop>
      </tbody>
      </table>
      </div>
 </form>  

然后，我有了執行提交時觸發的JavaScript。

    $(document).ready(function(e) {
    $("#unsortedTable").submit(sendForm);

    });

    function sendForm() {
       var row = $(this).closest('tr');
        $.post('handlers/formHandler.cfm',
        $("#unsortedTable").serialize(),function(data,status){
        $("#unsortedTable")[0].reset();

        row.hide(); //This is just a guess
    });
    return false


 }

一切正常，除了我無法將提交的行保存到hide（）中。

Answer 1

除非表單位於您要隱藏的表行內，否則$(this).closest('tr')將找不到該行。 您可能以為$(this)確實是指單擊的按鈕，但是您在窗體上使用的是子處理程序，而不是按鈕上的單擊處理程序。

您可能想以其他方式找到該行，方法是通過id或首先找到該按鈕：

$('#rowId').hide();

要么

$('#buttonId').closest('tr').hide();

編輯：

在更仔細地閱讀了您的問題之后，我意識到您不希望隱藏“提交”按鈕，而希望隱藏單選按鈕。 為此，您可以執行以下操作：

$(this).find('input:radio:checked').closest('tr').hide();