最近做左公司既一個網頁設計小項目,要設計一個多選項目的刪除功能,於是寫以下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);

arrow
arrow
    全站熱搜

    dettori 發表在 痞客邦 留言(0) 人氣()