我们直接看例子吧:
<input type="radio" name="radio" value="${var.id }" checked="checked"/>${var.contact } ${var.address } ${var.phone } ${var.postalCode }
<input type="radio" name="radio" value="${var.id }" checked="checked"/>${var.contact } ${var.address } ${var.phone } ${var.postalCode }
<input type="radio" name="radio" value="${var.id }" checked="checked"/>${var.contact } ${var.address } ${var.phone } ${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 的那个单选按钮选中。
//下拉框选中问题
<td align="left">
<select id="selected">
<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就可以根据值去选中。
$("#SelectID option[value='selectValue']").attr("selected",true); //chrome 支持 IE支持,360浏览器不支持
2.既然select选中是根据option中的值选中。因而,我们可以在简化一点,直接给select 取一个Id
$("#selectedId").val("age"); //这里的age值,为option 的值
例子 select 选中触发的是 onchange事件
<select name="new_province" id="new_province" class="ordslt" οnchange="changeprovice()">
<option value="0">请选择...</option>
<option value="1">江苏省</option>
<option value="26">浙江省</option>
</select>
var options= $("#new_province option:selected");
alert(options.val()) ; 为 0 或者 1 或者 26
alert(options.text()); 为 请选择... 或者 江苏省 或者 浙江省
//复选框选中问题
var length = $("input[name='ardtlId']:checked").length;
var length = $("input[type=checkbox]:checked").length; // 复选框选中个数
var value= $("input[type=checkbox]:checked").val(); //被选中复选框的值
$("#selectAll").is( ":checked" ) //判断该复选框是否选中,选中返回 true 反之false