已有40人关注
应用JS控制文本域和复选框
发表在PHP图书答疑 2016-03-04
是否精华
版块置顶:
  <form method="post" name="form1" id="form1" action="">
   <table width="547" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF">
   <tr>
    <td height="35" ><span class="STYLE1">订单管理</span></td>
   </tr>
   <tr>
      <td widht="77" align="right">说明:</td>
      <td width="389"><textarea name="readme" cols="50" rows="10" id="readme" ></textarea></td>
      <td width="63" heght="33">
       <a href="#" onclick="javascript:document.getElementById('readme').value="; return false;</a>
     <tr>
      <td >
          <img src="/images/_01.jpg" onclick="checkAll(from1,status)"
          />
          <img src="images/_08.jpg" onclick="checkAll(from1,status)"
          />
         </td>
      </tr>
   </table>
   </form>
   
   <script language="javascript">
   function checkAll(form1,status){
   var elements=form1.getElementsByTagName("input");
   for(var i=0;i<elements.length;i++){
   if(elements[i].type=='checkbox'){
   if(elements.checked==false){
elements[i].checked=true;   
   
}
   
}
   
   }
   
}  

function switchAll(form1,status){
   var elements=form1.getElementsByTagName("input");
   for(var i=0;i<elements.length;i++){
   if(elements[i].type=='checkbox'){
   if(elements.checked==true){
elements[i].checked=false;   
   
}else if(elements.checked==false){
elements[i].checked=true;   
   
}
   
}
   
   }
   


</script>     
<body>
</body>
</html>




这里面<a href="#" onclick="javascript:document.getElementById('readme').value="; return false;</a>
#是啥意思啊  onclick="javascript:document.getElementById('readme').value="可不可以写成onclick=form1.readmne.value   


if(elements[i].type=='checkbox'){
   if(elements.checked==true){
elements[i].checked=false;   
   
}else if(elements.checked==false){
elements[i].checked=true;   
   
}
   
}

这后面的一会儿true 一会儿false啥意思啊
分享到:
精彩评论 1
铁游夏
学分:0 LV1
TA的每日心情
还糊涂
2020-10-22 13:46:07
2016-03-07
沙发
#是指链接到当前页面,onclick=javascript:document.getElementById(readme).value=不可以写成onclick=form1.readmne.value。

elements[i].checked=false;意思是取消选择复选框,elements[i].checked=true;意思是选择复选框。

建议你先学习一下JavaScript的基础知识。
首页上一页 1 下一页尾页 1 条记录 1/1页
手机同步功能介绍
友情提示:以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照