通过javascript启用/禁用asp.net复选框
Enabling/disabling asp.net checkboxes through javascript
通过javascript启用和禁用复选框,例如当我检查chk1然后chk2, chk3和chk4将被启用,如果我取消检查chk1然后chk2, chk3和chk4将通过javascript禁用?
这是我的代码:
<script type="text/javascript">
$('chkTAR').clicked(function(){
{
if($('chkTAR :checked').length == 2)
$('chkOasis, chkPOT').disabled = true;
else
$('chkOasis, chkPOT').disabled = false
});
</script>
你可以试试:
<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" />
注意chk2的ClientIDMode被设置为"Static"
这可能会帮助您禁用/启用复选框
<%@ 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>
<%@ 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>
相关文章:
- 借助asp.net验证或java脚本对多个文本进行验证
- 将Javascript数组发送到控制器ASP.NET MVC
- ASP.NET通过单击JavaScript按钮触发c#事件
- 文本框不是从Javascript/Asp.net中的对话框中打印出来的
- 从javascript调用asp.net codebehind函数
- 使用javascript的Asp.net内容占位符
- 获取ASP.NET Ajax Timer状态
- ASP.NET网络摄像头显示
- 如何在只能有一个asp.net表单的主页上从asp.net页面中的javascript中获取值
- 如何将乳胶配方奶粉图像保存到Asp.net中的文件夹中
- asp.net,包括iss上的javascript slow
- 选择不在GridView-ASP.NET中激发
- 什么'是在asp.net MVC中将本地化的resources.resx文件转换为javascript文件的有效
- 使用ASP.NET将谷歌地图添加到项目中,并从数据库中检索位置
- 有什么“;错误的”;将javascript放在asp.net表单上,而不是放在单独的文件中
- 将Javascript日期转换为ASP.NET日期格式
- C#asp.net mvc Set CheckBoxFor已检查的具有Model Value的属性
- 在asp.net中确认是或否消息
- ASP.NET MVC 3-在ajax调用后,重定向到新页面或生成页面刷新
- asp.net中的验证工具