表单元素使用jQuery 的val()方法选中功能

<select id="single">
		<option>选择一号</option>
		<option>选择二号</option>
		<option>选择三号</option>
		<option>选择四号</option>
	</select>
	<!--multiple 属性规定输入字段可选择多个值。-->
	<select id="multiple" multiple="multiple">
		<option>选择一号</option>
		<option>选择二号</option>
		<option>选择三号</option>
		<option>选择四号</option>
	</select>
	<input type="checkbox" value="c1"/>多选1
	<input type="checkbox" value="c2"/>多选2
	<input type="checkbox" value="c3"/>多选3
	<input type="checkbox" value="c4"/>多选4
	<input type="radio" value="r1" name="radio"/>单选1
	<input type="radio" value="r2" name="radio"/>单选2
	<input type="radio" value="r3" name="radio"/>单选3
	<input type="radio" value="r4" name="radio"/>单选4

	<script>
		//第一个下拉框选中第一个
		$("#single").val("选择二号");
		//第二个人下拉列表第二和第三选中
		$("#multiple").val(["选择二号","选择三号"]);//以数组形式赋值
		//使单选框和多选框选中
		$(":checkbox").val(["c1","c2"]);
		$(":radio").val(["r3"]);

		//第二种方法
		$("#single option:eq(1)").attr("select",true);
		$("[value=r2]:radio").attr("checked",true);
	</script>

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值