存档

文章标签 ‘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();
}
});

jquery及javascript学习 , , ,