gpt4 book ai didi

javascript - jQuery:如果选中则禁用 Prop

转载 作者:行者123 更新时间:2023-11-28 07:49:27 24 4
gpt4 key购买 nike

我写了一些脚本,它也完全按照我想要的方式工作,但它的作用似乎相当冗长:http://jsfiddle.net/x6xbymmL/

$(".class2").prop("disabled", true);
$(".class3").prop("disabled", true);

$('input[class^="class"]').click(function() {
var $this = $(this);

if ($this.is(".class1")) {
if ($(".class1:checked").length > 0) {
$(".class1").prop("disabled", true);
$(".class2").prop("disabled", false);
$(".class3").prop("disabled", false);
} else {
$(".class1").prop("disabled", false);
$(".class2").prop("disabled", true);
$(".class3").prop("disabled", true);
}
}

if ($this.is(".class2")) {
if ($(".class2:checked").length > 0) {
$(".class1").prop("disabled", true);
$(".class2").prop("disabled", false);
$(".class3").prop("disabled", true);
} else {
$(".class1").prop("disabled", true);
$(".class2").prop("disabled", false);
$(".class3").prop("disabled", false);
}
}

if ($this.is(".class2")) {
if ($(".class2:checked").length > 1) {
$(".class1").prop("disabled", true);
$(".class2").prop("disabled", true);
$(".class3").prop("disabled", true);
} else {
$(".class1").prop("disabled", true);
$(".class2").prop("disabled", false);
$(".class3").prop("disabled", true);
}
}

if ($this.is(".class3")) {
if ($(".class3:checked").length > 0) {
$(".class1").prop("disabled", true);
$(".class2").prop("disabled", true);
$(".class3").prop("disabled", true);
} else {
$(".class1").prop("disabled", true);
$(".class2").prop("disabled", false);
$(".class3").prop("disabled", true);
}
}

});

我想知道我是否已经尽力写了,或者是否有更好的方法?另外一个好处是禁用组中除选中的选项之外的所有其他选项,以便用户在检查了错误的选项时可以返回...我真的很难让它工作:/

最佳答案

这是代码的一个明显较短的版本,但具有完全相同的功能。在这里查看它的工作原理:http://jsfiddle.net/x6xbymmL/1/

$(".class2, .class3").prop("disabled", true);
$('input[class^="class"]').click(function () {
if ($(".class1:checked").length > 0) {
$(".class1").prop("disabled", true);
$(".class2, .class3").prop("disabled", false);
}
if ($(".class2:checked").length > 0 || $(".class3:checked").length === 1) {
$(".class3").prop("disabled", true);
}
if ($(".class3:checked").length === 1 || $(".class2:checked").length === 2) {
$(".class3, .class2").prop("disabled", true);
}
});

对于您想要完成的任务来说,您确实有太多的 if 语句。它很有效,而且你也很彻底,但大部分都是不必要的。

关于javascript - jQuery:如果选中则禁用 Prop ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27020969/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com