Html JQuery-提交后不刷新单选按钮CSS
我有一个带有twitter引导按钮的表单,如下所示Html JQuery-提交后不刷新单选按钮CSS,html,css,jquery,twitter-bootstrap,Html,Css,Jquery,Twitter Bootstrap,我有一个带有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"/>
<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>
我也尝试过这个想法
$('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,这样它就不会显示为已选中而未选中。您需要遍历元素以重置它们:
var $items = $('input[name="status"]');
for (var i = 0; i < $items.length; i++) {
$($items[i]).prop('checked', false);
}
var$items=$('input[name=“status”]”);
对于(变量i=0;i<$items.length;i++){
$($items[i]).prop('checked',false);
}
感谢您的回复,ricaldo,但它仍然不起作用!道具('checked',false)实际上取消了内部收音机的勾选。但是,页面中的CSS不会显示。因为当我尝试重新提交时,单选按钮被提交为未选中!请更新问题以反映您实际寻找的内容。您是否在选择无线btn时分配CSS样式?
var $items = $('input[name="status"]');
for (var i = 0; i < $items.length; i++) {
$($items[i]).prop('checked', false);
}