最近做左公司既一個網頁設計小項目,要設計一個多選項目的刪除功能,於是寫以下JS腳本例子黎實現,其實都系經常用到果d basic knowledge,高手唔洗睇勒。
程序代碼:
<script language="javascript">
<!--
function CA(frm)
{
var trk=0;
for (var i=0;i<frm.elements.length;i++)
{
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox') && (e.name != '唔想被選中既checkbox名稱'))
{
trk++;
e.checked=frm.allbox.checked;
frm.del.disabled = frm.allbox.checked?false:true;//全選對删除按钮既disabled影響
}
}
}
function CCA(frm,CB)
{
var TB=TO=0;
for (var i=0;i<frm.elements.length;i++)
{
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox') && (e.name != '唔想被選中既checkbox名稱'))
{
TB++;
if (e.checked)
TO++;
}
}
frm.allbox.checked=(TO==TB)?true:false;
if (0==TO)//全部未選中同選中一d對删除按钮既disabled属性的影响
{
frm.del.disabled = true;
}
else
{
frm.del.disabled = false;
}
}
-->
</script>
調用方法:
全選既名稱定為allbox,onclick事件執行CA(this.form);
選擇項既checbox onclick事件執行CCA(this.form,this);
- Apr 15 Thu 2010 18:56
Javascript技巧:列表CheckBox全選
全站熱搜
留言列表
發表留言