Javascript 从更新下拉框重置复选框
我正试图根据Jquery中的select值禁用该复选框。例如,如果用户选择1,则会隐藏复选框1,以此类推 我遇到的一个问题是,我无法在用户选择新选项后重置复选框,因为禁用的复选框可以作为值提交,即使它已禁用 HTML: })Javascript 从更新下拉框重置复选框,javascript,html,jquery-mobile,checkbox,Javascript,Html,Jquery Mobile,Checkbox,我正试图根据Jquery中的select值禁用该复选框。例如,如果用户选择1,则会隐藏复选框1,以此类推 我遇到的一个问题是,我无法在用户选择新选项后重置复选框,因为禁用的复选框可以作为值提交,即使它已禁用 HTML: }) 我并不真正了解您想要什么,但是要隐藏,您应该使用jquery hide 或html显示属性。要启用或禁用,请尝试使用: $'id\u checkbox\u'+index.attrdisabled,disabled;而不是“真的”和 $'input:notid\u复选框+索引
我并不真正了解您想要什么,但是要隐藏,您应该使用jquery hide 或html显示属性。要启用或禁用,请尝试使用: $'id\u checkbox\u'+index.attrdisabled,disabled;而不是“真的”和
$'input:notid\u复选框+索引+.attrdisabled,enabled;与通过更改选项来禁用和重新启用复选框的“false”不同,我建议:
$('#dropdown').change(function () {
var opt = this.options[this.selectedIndex];
$('li input[type="checkbox"]').prop('disabled', false).filter(function(){
return opt.value === this.value;
}).prop({
'disabled' : true,
'checked' : false
});
});
$'dropdown'.changefunction{
var opt=this.options[this.selectedIndex];
$'li input[type=checkbox]'.prop'disabled',false.filterfunction{
返回opt.value==this.value;
}.道具{
“残疾人”:正确,
“选中”:false
};
};
下拉列表:
1.
2.
3.
4.
1.
2.
3.
4.
您应该使用.checkboxradio方法来选中/取消选中和启用/禁用
/* check */
$(".selector").prop("checked", true).checkboxradio("refresh");
/* uncheck */
$(".selector").prop("checked", false).checkboxradio("refresh");
/* enable */
$(".selector").checkboxradio("enable");
/* disable */
$(".selector").checkboxradio("disable");
由于禁用复选框可以作为值提交,即使其已禁用?-不,不能,不应该,禁用的元素将自动被视为“不成功”,并且不会提交。参考:来自W3.org.好的,谢谢你的信息。只需要取消选中它为用户界面禁用的选项。隐藏复选框的问题仍然允许提交隐藏的复选框?如果属性“checked”在其上,则可能是。但它似乎不适用于jquery mobile,就像您在jsfiddle上设置的那样。禁用复选框不适用于jquery mobile。它不适用于您在帖子或标签中从未提到的库?
$('#dropdown').change(function () {
var opt = this.options[this.selectedIndex];
$('li input[type="checkbox"]').prop('disabled', false).filter(function(){
return opt.value === this.value;
}).prop({
'disabled' : true,
'checked' : false
});
});
/* check */
$(".selector").prop("checked", true).checkboxradio("refresh");
/* uncheck */
$(".selector").prop("checked", false).checkboxradio("refresh");
/* enable */
$(".selector").checkboxradio("enable");
/* disable */
$(".selector").checkboxradio("disable");