예를 들어 chk1을 확인한 다음 chk2, chk3 및 chk4를 활성화하거나 비활성화하면 chk1을 선택 취소하고 chk2를 선택하면 chk3 및 chk4가 javascript를 통해 비활성화됩니다. ?자바 스크립트를 통해 asp.net 체크 박스를 활성화/비활성화합니다.
<script type="text/javascript">
$('chkTAR').clicked(function(){
{
if($('chkTAR :checked').length == 2)
$('chkOasis, chkPOT').disabled = true;
else
$('chkOasis, chkPOT').disabled = false
});
</script>
도움이 될 :
여기 내 코드의 chk2의 ClientIDMode이 "정적"으로 설정되어 있는지
가<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" />
참고.
으로 바꿀 수 있습니다. 어쨌든 –
, 나는 왜 clientidmode를 정적으로 두어야합니까? –
<%@ 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>
어쩌면 그것은 몇 가지 개조가 필요하지만, 당신은 그것을 작동시킬 수 있습니다 –
어디 내가이 ASP에 넣어해야하거나 js를 만들 것입니까? –
당신은 aspx 페이지에서 스크립트 안에 작성해야합니다. –
이 당신이 시도 할 수 있습니다 당신에게 Disabling/Enabling checkboxes
<%@ 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>
여기에 의문의 여지가 없습니다. –
내 솔루션을 확인 –