Jquery实现满足两个条件后显示/隐藏
<tr><tdclass="TD_zdxsm"height="30"align="center">类型</td><tdclass="TD_zdmc"height="30"...
<tr>
<td class="TD_zdxsm" height="30" align="center">类型</td>
<td class="TD_zdmc" height="30"><input id="$field7568$" class="InputStyle" name="field7568" value="类型" type="text" /></td>
<td class="TD" height="30" align="center">部门</td>
<td class="TDc" height="30" align="left"><input id="$field6228$" class="InputStyle" name="field6228" value="部门" type="text" /></td>
</tr>
<tr class="bt">
<td class="TD" height="30" align="center"><font color="#ff0000"><strong>机器特征码</strong></font></td>
<td class="TD" height="30"><font color="#ff0000"><input id="$field8640$" class="InputStyle" name="field8640" value="机器特征码" type="text" /></font></td>
</tr>
以上为部分html代码！
以下为jQuery代码：
<script src="/js/jquery/jquery-1.11.0.js">
</script><script type="text/javascript">
$(function(){
$("#field7568").change(function(){
if($(this).val() == 8 ){
$(".bt").show();
}else{
$(".bt").hide();
}
});
$("#field7568").trigger("change");
});
</script>
目前可以通过类型（id=field7568）实现（class=bt）的显示/隐藏，但我想再加个条件（id=field6228 的值 在1、3、5、7这四个范围内时 才显示 反之 则隐藏） ，这样需要怎么修改jQuery的代码呢？求大侠赐教！ 展开
<td class="TD_zdxsm" height="30" align="center">类型</td>
<td class="TD_zdmc" height="30"><input id="$field7568$" class="InputStyle" name="field7568" value="类型" type="text" /></td>
<td class="TD" height="30" align="center">部门</td>
<td class="TDc" height="30" align="left"><input id="$field6228$" class="InputStyle" name="field6228" value="部门" type="text" /></td>
</tr>
<tr class="bt">
<td class="TD" height="30" align="center"><font color="#ff0000"><strong>机器特征码</strong></font></td>
<td class="TD" height="30"><font color="#ff0000"><input id="$field8640$" class="InputStyle" name="field8640" value="机器特征码" type="text" /></font></td>
</tr>
以上为部分html代码！
以下为jQuery代码：
<script src="/js/jquery/jquery-1.11.0.js">
</script><script type="text/javascript">
$(function(){
$("#field7568").change(function(){
if($(this).val() == 8 ){
$(".bt").show();
}else{
$(".bt").hide();
}
});
$("#field7568").trigger("change");
});
</script>
目前可以通过类型（id=field7568）实现（class=bt）的显示/隐藏，但我想再加个条件（id=field6228 的值 在1、3、5、7这四个范围内时 才显示 反之 则隐藏） ，这样需要怎么修改jQuery的代码呢？求大侠赐教！ 展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<style>.bt{display: none;}</style>
<script src="jquery1.8/jquery-1.8.0.min.js">
</script>
<script language="javascript">
jQuery(function($) {
$("#field7568,#field6228").keyup(function() {
if ($("#field7568").val() == 8 && /^(1|3|5|7)$/.test($("#field6228").val())) {
$(".bt").show();
} else {
$(".bt").hide();
}
});
});
</script>
</head>
<body>
<table>
<tr>
<td class="TD_zdxsm" height="30" align="center">类型</td>
<td class="TD_zdmc" height="30">
<input id="field7568" class="InputStyle" name="field7568" placeholder="类型" type="text" />
</td>
<td class="TD" height="30" align="center">
部门
</td>
<td class="TDc" height="30" align="left">
<input id="field6228" class="InputStyle" name="field6228" placeholder="部门" type="text" />
</td>
</tr>
<tr class="bt">
<td class="TD" height="30" align="center">
<font color="#ff0000"><strong>机器特征码</strong></font>
</td>
<td class="TD" height="30">
<font color="#ff0000">
<input id="field8640" class="InputStyle" name="field8640" placeholder="机器特征码" type="text" />
</font>
</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#field7568").change(function(){
var needShow = this.value=="8" && ($('#field6228 ').val()+'').indexOf(''+this.value) !== -1;
$(this).toggle(needShow);
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
