js判断checkbox是否选中并且显示隐藏相关实例

js判断checkbox是否选中并且显示隐藏相关实例
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js判断checkbox是否选中并且显示隐藏相关实例</title>
<script language="javascript教程">
 function check()
 {
  if( document.all['zt'].checked  )
  {   
   document.getElementById('gotourl_id').style.display='block';
  }
  else
  {
   document.getElementById('gotourl_id').style.display='none';   
  }
 }
</script>
</head>
<body>
<table width="98%" border="0">
  <tr>
    <td>显示隐藏</td>
 <td> <input name="zt" type="checkbox" id="zt" value="1"  onclick="check();" /> </td>
  </tr>
  <tr id="gotourl_id" >
   <td class="align_c"><strong>跳转地址:</strong></td>
   <td ><input name="gotourl" type="text" id="gotourl" size="60" value="aaaaa" /></td>
    </tr>
</table>

</body>
</html>
本站原创文章,转载的朋友注明来自www.111cn.net

时间: 2024-10-26 21:37:13

js判断checkbox是否选中并且显示隐藏相关实例的相关文章

js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法_javascript技巧

js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法 <script> $(function () { var SelectVal = $("input[name='rblGJS']:checked").val(); if (SelectVal == 1) { $("#gjsbh").show(); } $("#<%=rblGJS.ClientID %>").change(function () {

js判断checkbox是否选中个数的方法(超简单)_jquery

实例如下: <SCRIPT LANGUAGE="JavaScript"> //判断同类型 function checkboxnum(){ var form = document.forms['formbj1']; var i,j=0; for (i=0; i<form.length; i++){ var e=form[i]; if (e.checked && e.type=='checkbox' && e.name=='bjid[]')

js 判断checkbox是否选中的操作方法_基础知识

核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法. //第几个没有选 复制代码 代码如下: <input type="checkbox" name="checkbox1" checked> <input type="checkbox" name="checkbox1"> <input type="checkbox"

JQuery判断checkbox是否选中及其它复选框操作方法合集_jquery

一.jquery判断checkbox是否选中及改变checkbox状态 jquery判断checked的三种方法: 复制代码 代码如下: .attr('checked):   //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false .prop('checked'): //16+:true/false .is(':checked'):    //所有版本:true/false//别忘记冒号哦 jquery赋值check

基于js实现checkbox批量选中操作_javascript技巧

本文实例为大家分享了js实现checkbox批量选中的具体代码,供大家参考,具体内容如下 <html > <head> <title>checkbox全选</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"></style&

icheck-引用Bootstrap的Icheck插件后,如何判断CheckBox是否选中?

问题描述 引用Bootstrap的Icheck插件后,如何判断CheckBox是否选中? 引用Bootstrap的Icheck插件后,如何判断CheckBox是否选中? 使用JQ的 .attr("checked")==true 判断行不通. 解决方案 prop....哈哈 解决方案二: if($('#checkbox-id').is(':checked')) { // do something } 解决方案三: .attr("checked",true) 解决方案四

js显示隐藏层实例代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

JS判断文本框内容改变事件的简单实例

 本篇文章主要是对JS判断文本框内容改变事件的简单实例进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 oninput,onpropertychange,onchange的用法   onchange触发事件必须满足两个条件:   a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)   b)当前对象失去焦点(onblur):    onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的:          oninput是on

js 判断一组日期是否是连续的简单实例_javascript技巧

这是群里一朋友问的问题,当时我说判断下 day 是否相邻即可,后来细想,发现完全不对. 问题需求 给定5个相同格式的日期,怎么判断是否是连续5天呢? 我当时第一反应 getDay() 后排序,然后前后对比即可.. 但是细想,完全不对,比如本周一下周二,这样也会误判. 而且不仅仅这样的问题,还要跨月,跨年,闰月等问题. 然后就有了下面的代码. 让时间戳抹平一切吧 为了不纠结这些问题,我想到了时间戳,这货就可以完全忽略上述问题了,只要处理时间戳,最后比较即可. 然后我给了如下代码: let days