JQuery的 - 單選按鈕CSS不刷新後提交

Question

我與Twitter的引導按鈕的形式如下

<label class="control-label span3">Status of the Dispute? </label> 
<div class="controls span7"> 
<label class="inline radio"> 
<input type="radio" id="status" name="status" value="Continue"/> Continue</label> 
<label class="inline radio"> 
<input type="radio" id="status" name="status" value="Resolved"/>Resolved</label> 
<label class="inline radio"> 
<input type="radio" id="status" name="status" value="Referred"/> Referred</label> 
<label for="status" class="error">Please tell us the dispute status</label> 
</div> 
</div> 

一旦提交，形式成功提交該數據並刷新以及除單選按鈕的所有其他元素。

我搜索了各種選項，並沿着道具功能。它幫助我解決了內部選擇器的問題。用戶頁面上的CSS樣式表仍然保持不變，就像它被選中一樣。

$('input[name="status"]').prop('checked', false); 

我也嘗試過這種想法

$('input:not(:checked)').parent().removeClass("inline radio"); 

，但它仍然不是全成。

我完全提交的代碼如下：

$.validator.setDefaults({ 

    submitHandler: function(form) { 

      $.post('registermyform.php', 
      $("#registermyform").serialize(), 
      function(data) 
      { 
      $('#results').html(data); 
      if (data="yes"){ 
      alert("The new Dispute has been successfully submitted!"); 
       $('#registerDispute')[0].reset(); 

       $('input[name="status"]').prop('checked', false);  

       $('input:checked').parent().removeClass("inline radio"); 

      } 
      else { 
      alert("not submitted!"); 
        } 
      }); 
     } 
}); 

請協助。我想刪除單選按鈕的CSS，使其不顯示，如果它不被檢查。

Answer 1

您需要通過元素迭代重置他們都：

var $items = $('input[name="status"]'); 
for (var i = 0; i < $items.length; i++) { 
    $($items[i]).prop('checked', false); 
}