Enabling/disabling asp.net checkboxes through javascript
Question
Enabling and disabling checkboxes through javascript for example when I check chk1 and then chk2, chk3 and chk4 will be enabled and if I uncheck chk1 then chk2, chk3 and chk4 will be disabled through javascript?
here's my code:
<script type="text/javascript">
$('chkTAR').clicked(function(){
{
if($('chkTAR :checked').length == 2)
$('chkOasis, chkPOT').disabled = true;
else
$('chkOasis, chkPOT').disabled = false
});
</script>
4 answers
solution1
6 ACCPTED 2011-04-13 06:16:24
You can try this:
<script language="javascript" type="text/javascript">
function oncheckchange(checked) {
var chk2 = document.getElementById('chk2');
chk2.disabled = checked;
}
</script>
<asp:CheckBox OnClick="oncheckchange(this.checked);" ID="chk1" runat="server" />
<asp:CheckBox ID="chk2" runat="server" ClientIDMode="Static" />
Note that chk2's ClientIDMode is set to "Static".
solution2
0 2011-04-13 05:56:34
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication3._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function () {
$('#checkbox1, #checkbox2').click(function () {
if ($('#checkbox1:checked,#checkbox2:checked').length == 2)
$('#checkbox3, #checkbox4').attr('disabled','true');
else
$('#checkbox3, #checkbox4').attr('disabled','');
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="checkbox" id="checkbox1" value="c1" />
<input type="checkbox" id="checkbox2" value="c2" />
<input type="checkbox" id="checkbox3" value="c3" />
<input type="checkbox" id="checkbox4" value="c4" />
</div>
</form>
</body>
</html>
solution3
0 2011-04-13 05:57:57
这可以帮助您禁用/启用复选框
solution4
0 2011-04-13 07:13:42
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default6.aspx.cs" Inherits="Default6" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
<script language="javascript">
function EnableDisableDIV() {
if ($("#chkShowPersonal").attr("checked")) {
$("#dvPersonal").show();
} else {
$("#dvPersonal").hide();
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:CheckBox ID="chkShowPersonal" onclick="EnableDisableDIV()" runat="server" Text="Fruits" />
<div id="dvPersonal" style="display: none">
<asp:CheckBox ID="chk1" runat="server" Text="Apple" />
<asp:CheckBox ID="chk2" runat="server" Text="Banana" />
<asp:CheckBox ID="chk3" runat="server" Text="Orange" />
</div>
</form>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Enabling Disabling controls with Javascript in Asp.net
ASP.net C# enabling and disabling required field validator through javascript
enabling and disabling a textbox in asp.net 2.0
Disabling ASP.net treeview checkboxes
Enabling and Disabling Button in asp.net c# code behind and javascript
ASP.NET GridView, enabling/disabling buttons after paging
ASP.NET MVC Checboxes disabling/enabling textboxes
Get the RadioButton Value on click using jquery and disabling, enabling text boxes accordingly, Asp.net mvc
Listview with checkboxes Asp.net
Unable to Clear ASP.net Through JavaScript
Related Tags