jquery的val⽤法举例<script language="JavaScript">
//<input type="button" value="使单选下拉框的'2号'被选中"/>
<br>
$("input[type=button]:eq(0)").click(function(){
/*    * <select id="one">
<option>1号</option>
<option>2号</option>
<option>3号</option>
</select>
*/
//⽅法⼀：普通⽅法
/
/$("#one option:eq(1)").attr("selected","selected");
//⽅法⼆    $("#one").val("2号");
});
//<input type="button" value="使多选下拉框选中的'2号'和'5号'被选中"/>
<br>
$("input[type=button]:eq(1)").click(function(){
/*    * <select id="many" multiple="multiple" >
<option selected="selected">1号</option>
<option>2号</option>
<option>3号</option>
<option>4号</option>
<option>5号</option>
<option selected="selected">6号</option>
</select>
*/
//⽅法⼀：普通⽅法 //
$("#many option").each(function(index,domEle){
//    $(domEle).attr("selected",null);
//    if(index==1||index==4){
//    $(domEle).attr("selected","selected");
//    }
//  });
/
/⽅法⼆
$("#many").val(["2号","5号"]);
});
//<input type="button" value="使复选框的'复选2'和'复选4'被选中"/>
<br>
$("input[type=button]:eq(2)").click(function(){
/*    * <input type="checkbox" name="c" value="check1"/> 复选1
<input type="checkbox" name="c" value="check2"/> 复选2
<input type="checkbox" name="c" value="check3"/> 复选3
<input type="checkbox" name="c" value="check4"/> 复选4
*/
/
/⽅法⼀：普通⽅法
//  $("input[type=checkbox]").each(function(index,domEle){
//    if(index==1||index==3){
//    $(domEle).attr("checked","checked");
//
} //
});
//⽅法⼆：利⽤val()⽅法为多选框赋值，传⼊的参数是多选框的value属性的值
$("input[type=checkbox]").val(["check2","check4"]);
});
//<input type="button" value="使单选框的'单选2'被选中"/>
<br>
$("input[type=button]:eq(3)").click(function(){
/*    * <input type="radio" name="r" value="radio1"/> 单选1
<input type="radio" name="r"  value="radio2"/> 单选2
<input type="radio" name="r"  value="radio3"/> 单选3    */
//⽅法⼀：普通⽅法 //
$("input[type=radio]").each(function(index,domEle){
//    if(index==1){
//    $(domEle).attr("checked","checked");
//    }
//  });
/
/  $("input[type=radio]:eq(1)").attr("checked","checked");
//⽅法⼆    //利⽤val()⽅法为多选框和单选框赋值的时候，⽆论赋值是多个还是⼀个，都需要利⽤"[]"包裹起来 $("input[type=radio]").val(["radio2"]);
});
//<input type="button" value="打印已经被选中的值">
<br>
$("input[type=button]:eq(4)").click(function(){
$("select option:selected").each(function(index,domEle){
alert($(domEle).text());
});
//多个属性过滤选择器使⽤时，是交集，不是并集//  $("input[type=checkbox][type=radio]")
$("input:checked").each(function(index,domEle){    alert($(domEle).val());
});
jquery的attr属性});
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。