单选按钮、下拉框、复选框选中问题

爱被打了一巴掌 2022-09-20 11:13 348阅读 0赞

我们直接看例子吧：

<input type="radio" name="radio" value="$\{var.id \}" checked="checked"/>$\{var.contact \}&nbsp;$\{var.address \}&nbsp;$\{var.phone \}&nbsp;$\{var.postalCode \}

//获取一组name为radio的单选按钮 1.dom实现 2.jquery实现

var sellerAddr = document.getElementsByName("radio");  
for(var i=0; i<sellerAddr.length; i++)\{  
if(sellerAddr\[i\].checked==true)\{ //该单选按钮选中  
$("\#sellerAddrId").val(sellerAddr\[i\].value);  
\}  
\}

jquery 实现

var value = $("input\[name='radio'\]:checked").val(); 这段比上面一段少了很多代码

radio 根据值来判断哪个单选那就选中 $("input\[name='applyStatus'\]\[value="+data.storeApp.applyStatus+"\]").attr("checked",true);

applyStatus 一组name为applyStatus的单选按钮，value 为 data.storeApp.applyStatus 的那个单选按钮选中。

//下拉框选中问题

<c:forEach items="$\{serviceList \}" var="var">

<option value="$\{var.store.id \}">$\{var.store.name \}</option>  
</c:forEach>

</select>

</td>

var storeId = $("\#selected option:selected").val(); //获取选中的option的值

//在jsp 页面中 根据值让option选中

<select name="department.uuid" id="departmentId">  
<c:forEach items="$\{depList2 \}" var="var">  
<option value="$\{var.uuid \}" <c:if test="$\{var.uuid == member.department.uuid \}"> selected </c:if>>

$\{var.deptName \}</option>

</c:forEach>

</select>

//这里注意的是，这个c:if语句放在第一个option 里面，直接selected就可以根据值去选中。

jquery select 是 根据option中的value的值  来选中

//这里的selectValue的值 是指option中的值

$("\#SelectID option\[value='selectValue'\]").attr("selected",true); //chrome 支持 IE支持，360浏览器不支持

2.既然select选中是根据option中的值选中。因而，我们可以在简化一点，直接给select 取一个Id

$("\#selectedId").val("age"); //这里的age值，为option 的值

例子 select 选中触发的是 onchange事件

var options= $("\#new\_province option:selected");

alert(options.val()) ; 为 0 或者 1 或者 26