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

我们直接看例子吧：

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

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

 <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  的那个单选按钮选中。

//下拉框选中问题

<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就可以根据值去选中。

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事件

<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