BlogJava-<b><font size='4'>萧秋水的博客</font></b>-随笔分类-JAVASCRIPThttp://www.blogjava.net/benjamin/category/14123.html<br><font size='2.5'>带着淡淡的倦意，轻轻的忧惺，宛若远山含笑迷蒙，但又如闪电惊雷般震人心魄……</font>zh-cnTue, 03 Apr 2007 05:39:03 GMTTue, 03 Apr 2007 05:39:03 GMT60多选js控制权选中，点击删除按钮弹出是否确认删除对话框http://www.blogjava.net/Benjamin/archive/2007/04/01/107724.html萧秋水萧秋水Sun, 01 Apr 2007 01:39:00 GMThttp://www.blogjava.net/Benjamin/archive/2007/04/01/107724.htmlhttp://www.blogjava.net/Benjamin/comments/107724.htmlhttp://www.blogjava.net/Benjamin/archive/2007/04/01/107724.html#Feedback0http://www.blogjava.net/Benjamin/comments/commentRss/107724.htmlhttp://www.blogjava.net/Benjamin/services/trackbacks/107724.html 在删除某几条数数据的时候，可以用多选项选中多条记录，再点击删除按钮的时候需要做一下判断是否确认删除，如果一条记录都没有删除，那么就不弹出确认的对话框。

 <script>

function CheckAll(srcElem, do_check){
        if(typeof(srcElem)=='undefined') return;
        var cnt = (typeof(srcElem.length)!='undefined')? srcElem.length : 0;
        if(cnt){
                for(var i=0;i<cnt; i++)
                        srcElem[i].checked = do_check;
        }else
                srcElem.checked = do_check;
}

function deleteYN(){
//if(YN(this.form.elements['delBox'], this.checked)){if(!confirm('确实要删除吗?')) return false;}else return false;
if(typeof(form1.elements['delBox'])=='undefined'){
return false;

}else{
 if(form1.delBox.checked==true){  
  if(!confirm('确实要删除吗?'))
    return false;
   else
       return true;
 }else{ 
 for(var i=0;i<form1.delBox.length; i++){
  if(form1.delBox[i].checked==true){
   if(!confirm('确实要删除吗?'))
    return false;
   else
       return true; 
  }
 }
 }
return false; 
}
return false;
}
</script>


<input type="submit" name="delSubmit" value="删除" onClick="return YN();" >
<input type="checkbox" name="alcheck" value="0" title="点击全选或者全不选" onclick="CheckAll(this.form.elements['delBox'], this.checked)" >



萧秋水 2007-04-01 09:39 发表评论
]]>window.showModalDialog()、confirm()方法使用http://www.blogjava.net/Benjamin/archive/2006/08/15/63707.html萧秋水萧秋水Tue, 15 Aug 2006 08:10:00 GMThttp://www.blogjava.net/Benjamin/archive/2006/08/15/63707.htmlhttp://www.blogjava.net/Benjamin/comments/63707.htmlhttp://www.blogjava.net/Benjamin/archive/2006/08/15/63707.html#Feedback0http://www.blogjava.net/Benjamin/comments/commentRss/63707.htmlhttp://www.blogjava.net/Benjamin/services/trackbacks/63707.html

运行描述：在A页单击按钮弹出对话框B,选择要选择的栏目，弹出确认信息。确定后对话框B自动关闭，其所选择的栏目值传到A页相应的文本框内。代码如下

A.htm

<script>
function openwin(){
var value = window.showModalDialog("b.htm",window,"dialogWidth:370px;help:no;resizable:no;status:no;scroll:no");
document.form1.a.value = value;
}
</script>
选择栏目：<a href="#" onClick="javascript:openwin();">click</a>
<form name="form1">
<input name="a" type="txt">
</form>

B.htm

<script>
function returnAll(str){
   if(confirm("是否选择'"+str+"'")){
      window.returnValue=""+str+"";
      window.close();
   }
}
</script>
<form name="form1">
<a href="#" onClick="javascript:returnAll(this.innerText);" id="a">a</a>
<a href="#" onClick="javascript:returnAll(this.innerText);" id="b">b</a>
<a href="#" onClick="javascript:returnAll(this.innerText);" id="c">c</a>
</form>

window.opener.location.reload();
当A页面弹出B页面时，在B页面如果调用这句js代码，则会刷新A页面。



萧秋水 2006-08-15 16:10 发表评论
]]>任意增加或删除一行html元素http://www.blogjava.net/Benjamin/archive/2006/08/15/63706.html萧秋水萧秋水Tue, 15 Aug 2006 08:07:00 GMThttp://www.blogjava.net/Benjamin/archive/2006/08/15/63706.htmlhttp://www.blogjava.net/Benjamin/comments/63706.htmlhttp://www.blogjava.net/Benjamin/archive/2006/08/15/63706.html#Feedback0http://www.blogjava.net/Benjamin/comments/commentRss/63706.htmlhttp://www.blogjava.net/Benjamin/services/trackbacks/63706.html

代码如下：

<script language="javascript">
var curRow=null;
function selectRow(tr1){
if(curRow)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
function addRow(src){
var newrow = src.insertRow(src.rows.length-1);
newrow.attachEvent("onclick",function(){selectRow(newrow);});
newrow.height=20;
var i=4;
while(i--){
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
}
function delRow(src){
src.parentElement.deleteRow(src.rowIndex);
}
</script>

<table id="tb" width="100%"  border="1" >
  <tr>
    <th scope="col" width="25%">一</th>
    <th scope="col" width="25%">二</th>
    <th scope="col" width="25%">三</th>
    <th scope="col" width="25%">四</th>
  </tr>
  <tr id="blankRow" onClick="addRow(this.parentElement)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<div id="div1" style="display:none "><inpute type="text"></div>



萧秋水 2006-08-15 16:07 发表评论
]]>