td多个控件自动换行

最新推荐文章于 2021-06-03 23:25:39 发布

zengshaotao

最新推荐文章于 2021-06-03 23:25:39 发布

阅读量510

点赞数

分类专栏： JQuery

JQuery 专栏收录该内容

80 篇文章

订阅专栏

本文探讨了如何通过JavaScript实现输入控件状态（例如，是否允许背书转让）影响页面中特定提示信息的显示。通过事件监听和CSS样式控制，实现了当用户选择不允许背书转让选项时，相关警告信息自动展示；反之则隐藏，从而提升用户体验和信息的及时传达。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<td class="td20left" >
<input type="radio" name="CanTransferFlag" value="EM00" checked="checked" value='<ebank:element name="CanTransferFlag"/>' />是
<input type="radio" name="CanTransferFlag" value="EM01" value='<ebank:element name="CanTransferFlag"/>' />否
<span id="CanTransferClue" style="display:none;"><font size="2" color="red">如选择"否"，收款人将不能办理背书转让、贴现、质押等业务</font></span>
</td>

脚本是：

$(function(){

$("input[name=CanTransferFlag]").click(function(){
if(this.value=="EM01"){
$("#CanTransferClue").css("display","inline");
}else{
$("#CanTransferClue").css("display","none");
}
});

var initV = $("input[name=CanTransferFlag]:checked").val();
if(initV =="EM01"){
$("#CanTransferClue").css("display","inline");
}

})

对于一个td里，控件总是自动换行。使用了很多方法：td的nowrap属性，但这个是针对文本的。使用了float属性，但是总是左飘和右飘，和已有的内容相距甚远。

最后使用了display=inline这一属性。这是默认一行的显示。但是对于display=block，默认会换行得。