Javascript 单击按钮时取消选中选中的复选框
我已经尝试了所有给定的方法来取消选中jquery中的复选框,请找到我下面的代码Javascript 单击按钮时取消选中选中的复选框,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,我已经尝试了所有给定的方法来取消选中jquery中的复选框,请找到我下面的代码 $('#btnDeleteEnterpriseID').click(function () { $('#chkbox').prop('checked', false); $('#chkbox').removeAttr('checked'); $('#chkbox').checked = false; $('#chkbox').attr('checked', fa
$('#btnDeleteEnterpriseID').click(function () {
$('#chkbox').prop('checked', false);
$('#chkbox').removeAttr('checked');
$('#chkbox').checked = false;
$('#chkbox').attr('checked', false);
$('#chkbox input:checkbox').attr('checked', false);
$('#chkbox input[type=checkbox]').removeAttr('checked');
});
我已经尝试了所有我能得到的方法,直到现在
下面是我的复选框和按钮的代码
@helper DisplayMultiLine(string str)
{ foreach (string s in str.Split(new char[] { ',' }))
{ <input type="checkbox" id="chkbox" value="@s"class="edit-mode" />@s <br />}
}
@helper DisplayMultiLine(字符串str)
{foreach(str.Split中的字符串s(新字符[]{',}))
{@s
}
这里,@DisplayMultiline是我在Web网格专栏中使用的助手类,如下所示
grid.Column(columnName: "EnterpriseID",
format:@<text><span class="display-mode">
<label id="EnterpriseId" ></label>
</span>@DisplayMultiLine(@item.EnterpriseId)</text>),
grid.Column(列名称:“EnterpriseID”,
格式:@
@显示多行(@item.EnterpriseId)),
我希望这个复选框在删除按钮的点击事件中被取消选中,下面给出了它的代码
<button type="button" id="btnDeleteEnterpriseID"
value="Delete" class="cancel-user edit-mode" onclick="DeleteEnterpriseID()">Delete</button>
删除
我不明白我的错误,请帮忙
请注意,我并没有同时使用所有这些方法,我只是想告诉大家,我已经使用了几乎所有的方法,并逐一进行了尝试。您正在foreach中生成重复的标识符:
@helper DisplayMultiLine(string str)
{ foreach (string s in str.Split(new char[] { ',' }))
{ <input type="checkbox" id="chkbox" value="@s"class="edit-mode" />@s <br />}
}
您正在foreach中生成重复的标识符:
@helper DisplayMultiLine(string str)
{ foreach (string s in str.Split(new char[] { ',' }))
{ <input type="checkbox" id="chkbox" value="@s"class="edit-mode" />@s <br />}
}
不要在生成重复标识的同时使用所有可能的标识,只需使用
.prop('checked',false)
。id应该是唯一的,如果您试图使用相同的id选中所有框,那么它将不起作用,只有具有该id的第一个框会更改。此外,如果该按钮位于表单中,则该按钮将不起作用,因为您没有阻止该按钮的默认操作,因此表单可能会提交(因此页面将重新加载)请删除该按钮上的onClick
,如果您通过jQuerydo处理它,而不是同时使用所有可能的标识,那么您正在生成重复的标识,只需使用.prop('checked',false)
。id应该是唯一的。如果您尝试使用相同的id选中所有框,那么它将不起作用,只有具有该id的第一个框将更改。另外,如果该按钮在表单中,那么它将不起作用,因为您没有阻止该按钮的默认操作,因此您的表单可能会提交(因此您的页面将重新加载)删除该按钮上的onClick
,如果您通过jQueryWell处理它,在这种情况下,我尝试传递每行唯一的enterpriseID,但它仍然不起作用。请检查下面的代码以传递不同的id。在这种情况下,我尝试传递每行唯一的enterpriseID,但它仍然不起作用。请检查下面的代码以传递不同的id。
i++;
}