[英]jquery dynamic select radio button (form reset issue)
我试图动态选择单选按钮
$('#dashboard2 #dbMainPanel #bar2 #ddShowBar').attr('checked', true);
但是这个会导致form.reset()
失败。 因为我在页面中有很多按钮,所以当我选择时我不使用表格标签
$('#dashboard1 #dbMainPanel #bar1 #ddShowBar').attr('checked', true);
所有其他单选按钮都会重置。
怎么避免这个? 并将页面中现有的单选按钮保持为选中状态,然后动态更改当前单选按钮。
div1
pie
div2
bar
在这种情况下,我想要div1
pie
和div2
bar
你尝试过使用.prop()
吗?
$('#ddShowBar').prop('checked', true);
属性与属性
在特定情况下,属性和属性之间的差异可能很重要。 在jQuery 1.6之前,.attr()方法在检索某些属性时有时会考虑属性值,这可能会导致行为不一致。 从jQuery 1.6开始,.prop()方法提供了一种显式检索属性值的方法,而.attr()则检索属性。 例如,应检索selectedIndex,tagName,nodeName,nodeType,ownerDocument,defaultChecked和defaultSelected,并使用.prop()方法进行设置。 在jQuery 1.6之前,这些属性可以使用.attr()方法检索,但这不在attr的范围内。 它们没有相应的属性,只是属性。
还有更多: 在您的示例中,您正在为您的广播组生成多个ID
元素并复制attr: name 。
每个新组的无线电name
需要与前一组不同的name
。 使用coulter c
变量轻松实现:
在这个例子中,第一组中的无线电将具有名称: txtradio0
; 比下一组无线电: txtradio1
等...
要维护其他行无线电检查,您只需更改组NAME属性:
var r = ['Pie','Bar','Line','Area','Scatter'];
var c = 0; // a group counter // set to 1 if you want
function populateWithRadio(){
var rB = "<div class='radiobuttons'>";
for(var i=0; i< r.length; i++){ // create radios
rB += "<input type='radio' class='ddShow"+ r[i] +"' name='txtradio"+ c +"' value='"+r[i]+"'/>"+ r[i] ;
}
rB += "</div></br></br>";
c++; // increase Group counter
return rB; // returns the generated HTML to append
}
$('#div1').append( populateWithRadio() );
$('#div2').append( populateWithRadio() );
$(document).on("click", '.radiobuttons input', function () {
alert( 'CLASS: '+ this.className +'\n NAME: '+ this.name );
});
AFAIK,无线电按“名称”HTML属性分组。 所以你应该为每个无线电组设置唯一的名称,然后只能同时选择一个组中的无线电。 否则(如果无线电不在逻辑上分组),您最好使用复选框。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.