❶ js中如何使復選框永不被選中
復選框是checkbox。 如果希望checkbox永遠不被選中，最少有2中方法：
用CSS給checkbox添加disabled屬性。
input type="checkbox" disabled = "disabled" /
用javascript 給checkbox 設置disabled屬性。
body
input type="checkbox" disabled = "disabled" /
/body
script
document.getElementsByTagName('input')[0].disabled = 'disabled';
/script
用javascript判斷checkbox是否點擊，如果選中，就然它不選中就可以了
body
input type="checkbox" disabled = "disabled" /
/body
script
if(document.getElementsByTagName('input')[0].checked){
document.getElementsByTagName('input')[0].checked = false;
}
/script
❷ js 腳本怎樣實現checkbox的全選，反選，類似郵箱中郵件的全選後刪除移動
在頁眉的checkbox屬性中添加這個事件onclick="CheckAllCus()",不過頁眉中的checkbox要用html伺服器控制項.然後在用javascript實現,如下:
<script language="javascript">
function CheckAllCus()
{
for (var k=0;k<document.Form1.elements.length;k++)
{
var e = document.Form1.elements[k];
if (e.id!= 'checkAccept')
e.checked = document.Form1.checkAccept.checked;
}
}
模板列如下：
<asp:TemplateColumn>
<HeaderTemplate>
<INPUT language="javascript" id="chkAll" onclick="CheckAll(this);" type="checkbox" name="chkAll">選擇
</HeaderTemplate>
<ItemTemplate>
<INPUT language="javascript" id="checkbox<%#Container.ItemIndex%>" type="checkbox" value="<%#DataBinder.Eval(Container.DataItem,"欄位名字")%>" name="VocationId">
</ItemTemplate>
</asp:TemplateColumn>
這里可以
CheckAll函數如下,記得把函數中的frmList改成你的Form的名字:
function CheckAll(CheckBox)
{
var i;
var str = new String();
for ( i = 0; i < frmList.length; i++ )
{
str = frmList.item(i).id;
if ( str.substr(0,8) == "checkbox" )
{
if (frmList.item(i).disabled != true)
{
frmList.item(i).checked = CheckBox.checked;
if (CheckBox.checked == true )
{
//document.all.item("chk" + str.substr(8,9)).className = "";
//document.all.item("chk" + str.substr(8,9)).bgColor ="#ffdfbd";
}
else
{
//changeColor(frmList.item(i));
}
}
}
}
}
<script language="javascript">
//B100547 chen.p may select or unselect all checkbox
function SelectAll()
{
var arrInputControls;
arrInputControls = document.Form1.all;
for(i=0;i<arrInputControls.length;i++)
{
if((arrInputControls(i).tagName.toLowerCase() == "input") && (arrInputControls(i).type) && (arrInputControls(i).type.toLowerCase() == "checkbox") )
{
arrInputControls(i).checked = document.Form1.chkCheckAll.checked;
}
}
}
</script>
<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="BS_Demo.WebForm2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm2</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
function SelectAll(thisObject)
{
var tmpTable=thisObject.parentElement.parentElement.parentElement;
var rowsCount=tmpTable.rows.length;
var buttonText=thisObject.value;
var selected=true;
if(buttonText == "本頁全選"){thisObject.value="清除選擇";}else{thisObject.value="本頁全選";selected=false}
var i;
for(i=1;i<rowsCount;i++)
{
var tmpCell=tmpTable.rows[i].cells[0];
if(tmpCell.childNodes.length>0)
{
var objCheck = tmpTable.rows[i].cells[0].childNodes[0];
if(objCheck.id.indexOf("ChkSelect")>-1)
{
objCheck.checked=selected;
//SelectOne(objCheck);
}
}
}
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<asp:DataGrid id="DataGrid1" style="Z-INDEX: 102; LEFT: 264px; POSITION: absolute; TOP: 192px"
runat="server">
<Columns>
<asp:TemplateColumn>
<HeaderTemplate>
<INPUT id="btnSelect" style="FONT-WEIGHT: bold; WIDTH: 56px; CURSOR: hand; COLOR: blue; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 20px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline; BORDER-BOTTOM-STYLE: none"
onclick="SelectAll(this);" type="button" value="本頁全選" name="btnSelect">
</HeaderTemplate>
<ItemTemplate>
<INPUT id="ChkSelect" type="checkbox" name="ChkSelect" runat="server" >
</asp:textbox>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
</form>
</body>
</HTML>
❸ js如何實現選中checkbox時,其他元素都非活性
1、首先，給需要控制的元素添加一個類名，比如disabled。
2、給checkbox添加一個onchange事件監聽器。
3、在事件處理函數中，獲取到需要控制的元素，遍歷它們，將它們的disabled屬性設置為與checkbox狀態相反的值。
❹ js中如何使復選框永不被選中
復選框是checkbox。 如果希望checkbox永遠不被選中，最少有2中方法：
用CSS給checkbox添加disabled屬性。
<input type="checkbox" disabled = "disabled" />
用javascript 給checkbox 設置disabled屬性。
<body>
<input type="checkbox" disabled = "disabled" />
</body>
<script>
document.getElementsByTagName('input')[0].disabled = 'disabled';
</script>
用javascript判斷checkbox是否點擊，如果選中，就然它不選中就可以了。
<body>
<input type="checkbox" disabled = "disabled" />
</body>
<script>
if(document.getElementsByTagName('input')[0].checked){
document.getElementsByTagName('input')[0].checked = false;
}
</script>