Javascript 全选的控制以及图片选择控制

Javascript   全选的控制以及图片选择控制

1全选控制

<input name="clickall" type="checkbox" id="clickall" value="checkbox"  onClick="selectall(this.checked)">  定义的全选单选按钮

 

<input name="id" type="checkbox" id="id" value="29"> 这是代表一个文件的单选按钮

<img src="admin/images/botton/botton_19.gif" width="75" height="20" onClick="gotodel();">定义一个图片 在点击是删除文件

 

<script language="javascript">

function gotodel(){

var f = document.forms["form1"];

  for (i=0;i<f.elements.length;i++){

    if (f.elements[i].checked){

       document.form1.action='admin?action=showpicture&action2= del ';

       document.form1.submit();}}

       return ;

      

}

function selectall(v){              

  var f = document.forms["form1"];

  for (i=0;i<f.elements.length;i++)

    if (f.elements[i].name=="id") f.elements[i].checked = v;

  document.forms["form1"].elements["clickall"].checked = v;

}

</script>

 

Selectall（）是控制全选 gotodel()中有判断是否有文件选中

 

2 图片变化

<select name=face style="font-family:arial" size=1 onChange="document.images['face'].src=options[selectedIndex].value; parent.document.theForm.myface.value=options[selectedIndex].value">

<option value=Images/userface/image1.gif>image1.gif</option>

</select> 

<img id=face src="UploadFace/18724_200542419435132251.jpg" width="137" height="140">

随这下拉框的改变，图片也会跟着变