加载中…
个人资料
花开花落
花开花落
  • 博客等级:
  • 博客积分:0
  • 博客访问:244,066
  • 关注人气:24
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

通过select的事件实现某一层的显示与隐藏(jquery)

(2009-06-18 16:01:56)
标签:

jquery

select

显示

隐藏

it

分类: jsp、servlet及ajax学习

有如下html代码:

 

//select定义 

<select name="isPassed" id="taskIsPassed">
      <option value="0">否</option>
      <option value="1">是</option>
  </select>

//需要显示或隐藏的tr

<tr id="taskCheckUser" >
    <input type="checkbox" name="checkbox2">张三
</tr>

 

当选择是时,显示id为taskCheckUser的tr,否则隐藏该tr

jquery代码:

 

//设计change事件 

$("#taskIsPassed").change(function(){
  if(this.value=="1"){
         $("#taskCheckUser").show(); 
  }
  else{
         $("#taskCheckUser").hide();
       
 });

 

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
后一篇:这几天的生活
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

    后一篇 >这几天的生活
      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有