html input radio单选属性怎么隐藏内容为空选项
如题,我做一个投票系统,从数据库里调出投票的选项。但每个投票的选项数量不一样。想请教一下有没有什么办法隐藏内容为空的选项~~如下所示:<tr><td><p><inputn...
如题,我做一个投票系统,从数据库里调出投票的选项。但每个投票的选项数量不一样。想请教一下有没有什么办法隐藏内容为空的选项~~如下所示:
<tr>
<td>
<p><input name="r1" type="radio" value="result1" />内容1</p>
<p><input name="r1" type="radio" value="result2" />内容2</p>
<p><input name="r1" type="radio" value="result3" />内容3</p>
<p><input name="r1" type="radio" value="result4" />内容4</p>
<p><input name="r1" type="radio" value="result5" />内容5</p>
<p><input name="r1" type="radio" value="result6" />内容6</p>
<p><input name="r1" type="radio" value="result7" />内容7</p>
</td>
</tr>
上面的内容X是我从数据库里调出来的。但有些是空的。怎么判断内容是否为空。为空的话就隐藏此选项~谢谢大家帮我解答~本人才接触网站设计,希望大家帮帮忙!感激万分。 展开
<tr>
<td>
<p><input name="r1" type="radio" value="result1" />内容1</p>
<p><input name="r1" type="radio" value="result2" />内容2</p>
<p><input name="r1" type="radio" value="result3" />内容3</p>
<p><input name="r1" type="radio" value="result4" />内容4</p>
<p><input name="r1" type="radio" value="result5" />内容5</p>
<p><input name="r1" type="radio" value="result6" />内容6</p>
<p><input name="r1" type="radio" value="result7" />内容7</p>
</td>
</tr>
上面的内容X是我从数据库里调出来的。但有些是空的。怎么判断内容是否为空。为空的话就隐藏此选项~谢谢大家帮我解答~本人才接触网站设计,希望大家帮帮忙!感激万分。 展开
2个回答
展开全部
<script type="text/javascript">
$(function(){
$("input[name='r1']").each(function(index){
var content = $(this).siblings("span").html();
if(content=="" || content==undefined){
$(this).siblings("span").css("display","none");//隐藏内容
$(this).css("display","none");//隐藏radio
}
})
})
</script>
下面是html,为了方便寻找给内容加上了span,不知道这样是否满足楼主要求。
<table>
<tr>
<td>
<p>
<input name="r1" type="radio" value="result1" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result2" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result3" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result4" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result5" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result6" /><span></span>
</p>
<p>
<input name="r1" type="radio" value="result7" /><span></span>
</p></td>
</tr>
</table>
$(function(){
$("input[name='r1']").each(function(index){
var content = $(this).siblings("span").html();
if(content=="" || content==undefined){
$(this).siblings("span").css("display","none");//隐藏内容
$(this).css("display","none");//隐藏radio
}
})
})
</script>
下面是html,为了方便寻找给内容加上了span,不知道这样是否满足楼主要求。
<table>
<tr>
<td>
<p>
<input name="r1" type="radio" value="result1" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result2" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result3" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result4" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result5" /><span>内容1</span>
</p>
<p>
<input name="r1" type="radio" value="result6" /><span></span>
</p>
<p>
<input name="r1" type="radio" value="result7" /><span></span>
</p></td>
</tr>
</table>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
ASP 做的?
追问
不是,就是用php写的后台,从数据库里调去信息,然后在html页面输出~
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询