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>

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

我搜索了各种选项，并且出现了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，使其看起来不像被检查时那样。

Answer 1

您需要遍历元素才能重置所有元素：

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

JQuery - 提交后单选按钮CSS不刷新

1 个答案: