jquery操作text、radio、select、checkbox

 jquery操作HTML控件是非常方便，代码也非常简洁，第一次用可能感觉比较麻烦，但是多使用几次之后就会它的好处，下面就介绍下Jquery简单操作几个Html控件，下面所有的示例代码前提是在页面已经引用了Jquery1.3版本或以上的情况下。

1. jquery操作text

获取值：$("#text_id").val();

设置值：$("#text_id").val("要赋予的值");

2. jquery操作radio

获取radio选定的值：$("input[name=’radio_name']:checked").val();

设置radio选定：$("input[name='radios_name‘]").get(2).checked = true; //设置radio中索引等于2是选中状态 

jquery操作radio示例代码：

<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<input type="radio" name="radios" value="0" checked="checked"/>
<input type="radio" name="radios" value="1" />
<input type="radio" name="radios" value="2" />
<input type="radio" name="radios" value="3" />

<a href="javascript:GetRadio();">获取radio值</a>
<a href="javascript:SetRadioByList();">根据索引设置radio值</a>
<a href="javascript:SetRadioByValue();">根据值设置radio值</a>

<script type="text/javascript">

function GetRadio(){
	alert($("input[name='radios']:checked").val());	//获取radio的值
}

function SetRadioByList(){
	$("input[name='radios']").get(2).checked = true;	//设置radio中索引等于2是选中状态
}

</script>

 

3. jquery操作select

获取select选定的值：$("#select_id").val();

设置value=test的项目为当前选中项：$("#select_id").attr("value",'test');

添加下拉框的option：$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id");

清空Select：$("#select_id").empty(); 

4.jquery操作checkbox

未完继续编写中....