首页 > jquery及javascript学习 > 通过select的事件实现某一层的显示与隐藏(jquery)

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

2009年6月18日

有如下html代码:

?Download test.html
1
2
3
4
5
<select id="taskIsPassed" name="isPassed"> <option selected="selected" value="0">否</option> <option value="1">是</option></select>
 
//需要显示或隐藏的tr
 
<input name="checkbox2" type="checkbox" name="checkbox2" />张三</tr>

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

jquery代码:

?Download test.js
1
2
3
4
5
6
7
8
9
 
//设计change事件
$("#taskIsPassed").change(function(){if(this.value=="1"){
       $("#taskCheckUser").show();
}
else{
       $("#taskCheckUser").hide();
}
});

sunshineyxp jquery及javascript学习 , , ,

  1. 目前还没有任何评论.
  1. 目前还没有任何 trackbacks 和 pingbacks.