读书人

jquery取单选复选上拉小结

发布时间: 2012-09-28 00:03:35 作者: rapoo

jquery取单选,复选,下拉小结

刚做完项目,项目中使用了jquery,在这里对jquery取表单值做下小结。呵呵。

单选:

var rd=$("input[name='rd']:checked").val();

?

<input type="radio" name="rd" value="1" checked="checked"/>test1 <br/><input type="radio" name="rd" value="2"/>tes2<br/>

?

?下拉列表:

var s=$("#selectId").val();//取select的选中的值,例如当选中第一个时,返回的是"1"
var optionText=$('#selectId option:selected').text();//当选中第一个时返回的就是“第一个”
var index=$('#selectId')[0].selectedIndex;//返回在下拉列表中被选中的是第几个,从0开始计算

?

?

<select id="selectId"><option value="1">第一个</option><option value="2">第二个</option></select>

?

复选:

var checks=$("input[name='checks']:checked");for(var c=0 ;c<checks.length;c++){alert(checks[c].value);}                <input type="checkbox" name="checks" value="1" /><input type="checkbox" name="checks" value="2" /><input type="checkbox" name="checks" value="3" />

?文本框,密码框等里边加id

$("#id").val();//id是文本框,密码框的id

?

读书人网 >Web前端

热点推荐