select标签、单选框、复选框设置默认选择项的方法

发布时间:2019-10-24编辑:脚本学堂
本文介绍下,对select标签、raido单选框、checkbox复选框设置默认选择项的方法,有需要的朋友,可以参考下。

在做后台信息修改时,需要把原始信息进行显示,但是假如在<select >,<input type="radio">和<input type="checkbox">中显示的时候,要显示哪个被选中,就有些麻烦!

假如,按照下面做的话:
 

<input type="radio" name="status" value="0" checked="${advert.status==0?'checked':'' }"/> />

由于,每个radio当中都会有checked,所以显示就会出问题!
此时,可以用jstl中的<c:choose><c:when /><c:otherwise/><c:choose/>进行判断,然后经行显示。这样的缺点就是代码量比较多,假如有多个这种标签的话,会很繁琐。

所以,选择另一种办法:
 

<input type="radio" name="status" value="0" <c:out value="${advert.status==0?'checked':'' }"/> />

这样,既方便有省去了繁琐的判断。

总结:
1. 在<select >,<input type="radio">和<input type="checkbox">中只要出现checked或是select就会被选中,不管是不是checked=“checked”的形式。
2. EL表达式${}和jstl<c:out>两个都能直接在网页显示,但是有些情况${}不能被识别,所以要是用<c:out>进行显示,两者交互使用,结合是用,效果更好。

您可能感兴趣的文章:
Js 统计复选框选中个数的实现代码
设置checkbox复选框为readonly只读的两种方式
js 限定复选框选择个数的例子
js判断复选框checkbox是否选中并取出值
Js动态添加Checkbox复选框的代码举例
限制复选框 checkbox 最多可选数的js代码