我想用一个BUTTON来实现全选和取消的功能,就是点一下,CHECKBOX全选,再点一下取消,怎么弄啊,急啊,哪位大虾帮个小弟个忙啊,谢谢
解决方案 »
- 鼠标打击图片在原图上放大,在点击返回原图
- js读取指定路径下xml文件 拒绝访问
- document.documentElement.clientwidth和document.body.clientWidth的区别
- jquery ui中的sortable效果实现原理求教
- 如何用JS获取.net的treeview控件选中节点的TEXT和value?
- window.showModalDialog打开子窗口,为什么子窗口的iframe变成了只读?
- 【在线求指教】javascript 函数加载疑问
- 请问这句话改怎么转义?
- 有谁有javascript与IE的textRange接口函数的详细介绍
- 邪了,请大家帮忙看看,顺便散分
- 鼠标离开时候换另外一张图的js代码?
- 50分,求DTREE的简单改动
<input type=checkbox name=mm value=b onclick="Item(this, 'mmAll')"/><br/>
<input type=checkbox name=mm value=c onclick="Item(this, 'mmAll')"/><br/>
<input type=checkbox name=mm value=d onclick="Item(this, 'mmAll')"/><br/>
<input type=checkbox name=mm value=e onclick="Item(this, 'mmAll')"/><br/><br/>
<input type=checkbox name=mmAll onclick="All(this, 'mm')">全选与不全选的切换<script language=Javascript>
function All(e, itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0; i<aa.length; i++)
aa[i].checked = e.checked; //得到那个总控的复选框的选中状态
}
function Item(e, allName)
{
var all = document.getElementsByName(allName)[0];
if(!e.checked) all.checked = false;
else
{
var aa = document.getElementsByName(e.name);
for (var i=0; i<aa.length; i++)
if(!aa[i].checked) return;
all.checked = true;
}
}
</script>
我的意思是用"INPUT TYPE=BUTTON "来控制而不是用"CHECKBOX"啊,这位大哥再想想啊
<input type=checkbox name=m /><br/>
<input type=checkbox name=m /><br/>
<input type=checkbox name=m /><br/>
<input type=checkbox name=m /><br/>
<input type=checkbox name=m /><br/>
<input id ="but" type="button" value="全选" onclick="sel();"/>
<input id="hid" type="hidden" value="0" />
</form>
<script language=Javascript>
function sel()
{
var but=document.getElementById("but");
var hid=document.getElementById("hid");
alert(hid.value);
var obj = document.getElementsByName("m");
for (var i=0; i<obj.length; i++){
obj[i].checked =(hid.value==0? true:false); //通过此控件的值来判断按键的行为是全选还是取消全选
}
hid.value=(hid.value==0?1:0);
but.value=(hid.value==1? "取消全选":"全选");
}
</script>
<input type=checkbox name=mm value=a /><br/>
<input type=checkbox name=mm value=b /><br/>
<input type=checkbox name=mm value=c /><br/>
<input type=checkbox name=mm value=d /><br/>
<input type=checkbox name=mm value=e /><br/><br/>
<input type=button value="全选" name=mmAll onclick="All('mm')">全选与不全选的切换<script language=Javascript>
var buttonflag = false;
function All(itemName)
{
buttonflag = !buttonflag;
var aa = document.getElementsByName(itemName);
for (var i=0; i<aa.length; i++)
aa[i].checked = buttonflag; //得到那个总控的复选框的选中状态
}
</script>