select框，checkbox（radio）在新增修改的jsp页面中的使用

最新推荐文章于 2020-03-28 14:32:02 发布

huttoncs

最新推荐文章于 2020-03-28 14:32:02 发布

阅读量185

点赞数

分类专栏： web前端文章标签： jsp js ViewUI

web前端专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨了在JS页面中利用jQuery进行表单元素操作的方法，包括性别选择器的动态生成和预选状态的设置。

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

jsp页面中的代码片段
<tr>
<td>性别</td>
<td>
<input type="radio" name="stuSex" value="男" checked="checked" />男
<input type="radio" name="stuSex" value="女" />女
/td>
</tr>

<tr>
<td>性别2</td>
<td>
<select id="gender" name="gender">
<option value="" selected="selected">请选择</option>
<option value="男">男</option>
<option value="女">女</option>
<option value="其他">其他</option>
</select>
</td>
</tr>

<input type="hidden" id="sex" name="sex" value="${student.stuSex}">

js文件中的代码片段

$(document).ready(function() {

var sex = $("#sex").val();
$("select[name='gender']").find("option[value='"+sex+"']").attr("selected",true);
var tempSex=$("#gender").find("option[value='"+sex+"']").text();
var s = document.getElementsByName("stuSex");
for( var i = 0; i < s.length; i++ ){
if(s[i].value == sex ){
$(s[i]).attr("checked",true);
}
}

});