2

我有一个带有 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>

提交后，表单成功提交数据并刷新除单选按钮之外的所有其他元素。

我搜索了各种选项，并出现了 prop 功能。它在某种程度上帮助了我，因为它取消了内部的选择器。用户页面上的 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，这样它就不会出现，好像它没有被选中。

4

1 回答 1

0

您需要遍历元素以将它们全部重置：

var $items = $('input[name="status"]');
for (var i = 0; i < $items.length; i++) {
    $($items[i]).prop('checked', false);
}
于 2013-04-22T22:03:34.707 回答