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

我们直接看例子吧：

<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(); 这段比上面一段少了很多代码

//下拉框选中问题

<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的值

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

<select name="new_province" id="new_province" class="ordslt" onchange="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[type=checkbox]:checked").length; // 复选框选中个数

var value= $("input[type=checkbox]:checked").val(); //被选中复选框的值