Javascript jquery基于复选框启用禁用链接
我需要根据选中的复选框禁用/启用“a.href”链接。我有一个复选框列表(2列)。如果选中“安装”列中的至少一个复选框,则应启用“安装”链接,否则将禁用该链接。如果在“删除”列中至少选中一个复选框,则应启用具有相同类名的链接,否则将禁用该链接 我尝试过这个,但不确定这是否正确,它不起作用:Javascript jquery基于复选框启用禁用链接,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我需要根据选中的复选框禁用/启用“a.href”链接。我有一个复选框列表(2列)。如果选中“安装”列中的至少一个复选框,则应启用“安装”链接,否则将禁用该链接。如果在“删除”列中至少选中一个复选框,则应启用具有相同类名的链接,否则将禁用该链接 我尝试过这个,但不确定这是否正确,它不起作用: function refleshCheckboxes() { if ($("input:checked").length > 0) { $("input:checked").ea
function refleshCheckboxes() {
if ($("input:checked").length > 0) {
$("input:checked").each(function(index, e) {
var css = $(e).attr('class').split(' ').slice(-1);
$("div.markActions a").each(function (index, e) {
$(e).removeClass("disablelink").hasClass(css);
});
});
}
else {
$("div.markActions a").addClass("disablelink");
}
}
$(“分区a”)
-这是a.href链接的位置(在此div内)
复选框与a.href链接具有相同的类名。因此,我想获得checkbox的类名,并将该类与a.href链接的类相匹配
复选框:
<input type="checkbox" value="2" class="checkbox install">
链接:
试试下面的方法
查看js FIDLE for您可以将onclick事件设置为如下复选框:
<input id="someId" type="checkbox" value="2" class="checkbox install" onclick="myFunction()">
我想出来了:
function refleshCheckboxes() {
if ($("input.checkbox:checked").length > 0) {
var arr = new Array(".install", ".uninstalled", ".enabled", ".disabled", ".download", ".remove");
for (i = 0; i < arr.length; i++) {
if ($("input.checkbox:checked").is(arr[i])) {
$(".markActions a" + arr[i]).removeClass("disablelink");
} else {
$(".markActions a" + arr[i]).addClass("disablelink");
}
};
}
else {
$("div.markActions a").addClass("disablelink");
}
}
函数refleshcheckbox(){
if($(“输入.复选框:选中”).length>0){
var arr=新阵列(“.install”、“.uninstalled”、“.enabled”、“.disabled”、“.download”、“.remove”);
对于(i=0;i
要启用/禁用链接,请尝试jquery的getattribute属性。在google中搜索它以选中复选框属性。结合这两个和普雷斯托!如果您需要/想要有关JavaScript的帮助,请发布(相关/)HTML。也许只有我一个人,但我真的厌倦了不得不问(似乎几乎每次都是这样)和被期望猜测别人网站上发生了什么。请:帮助我们帮助你!
<input id="someId" type="checkbox" value="2" class="checkbox install" onclick="myFunction()">
function myFunction(){
var checkBox = document.getElementById("someId");
if(checkBox.checked == true){
//you have to give an id attribute to the object
// which you want to hide
var hideIt = document.getElementById("id");
hideIt.style.visibility = "none";
}
}
function refleshCheckboxes() {
if ($("input.checkbox:checked").length > 0) {
var arr = new Array(".install", ".uninstalled", ".enabled", ".disabled", ".download", ".remove");
for (i = 0; i < arr.length; i++) {
if ($("input.checkbox:checked").is(arr[i])) {
$(".markActions a" + arr[i]).removeClass("disablelink");
} else {
$(".markActions a" + arr[i]).addClass("disablelink");
}
};
}
else {
$("div.markActions a").addClass("disablelink");
}
}