[转]利用jQuery选中下拉框,复选框,单选按钮
2010-01-18 07:10
519 查看
<script>
$(function(){
$('#ym').val(['1980','1971','1973']); //选中多选下拉框
$('#ys').val(['1971']); //选中下拉(框单选)
$('input[name="g[]"]').val(['3']); //选中radio
$('input[name="fav[]"]').val(['3','0','2']); //选中checkbox
});
</script>
<select id="ym" name="ym" multiple="multiple" style="height:200px;">
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
</select>
<select id="ys" name="ys">
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
</select>
<input type="radio" name="g[]" value="0" />0
<input type="radio" name="g[]" value="1" />1
<input type="radio" name="g[]" value="2" />2
<input type="radio" name="g[]" value="3" />3
<input type="radio" name="g[]" value="4" />4
<input type="radio" name="g[]" value="5" />5
<input type="checkbox" name="fav[]" value="0" />0
<input type="checkbox" name="fav[]" value="1" />1
<input type="checkbox" name="fav[]" value="2" />2
<input type="checkbox" name="fav[]" value="3" />3
<input type="checkbox" name="fav[]" value="4" />4
$(function(){
$('#ym').val(['1980','1971','1973']); //选中多选下拉框
$('#ys').val(['1971']); //选中下拉(框单选)
$('input[name="g[]"]').val(['3']); //选中radio
$('input[name="fav[]"]').val(['3','0','2']); //选中checkbox
});
</script>
<select id="ym" name="ym" multiple="multiple" style="height:200px;">
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
</select>
<select id="ys" name="ys">
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
</select>
<input type="radio" name="g[]" value="0" />0
<input type="radio" name="g[]" value="1" />1
<input type="radio" name="g[]" value="2" />2
<input type="radio" name="g[]" value="3" />3
<input type="radio" name="g[]" value="4" />4
<input type="radio" name="g[]" value="5" />5
<input type="checkbox" name="fav[]" value="0" />0
<input type="checkbox" name="fav[]" value="1" />1
<input type="checkbox" name="fav[]" value="2" />2
<input type="checkbox" name="fav[]" value="3" />3
<input type="checkbox" name="fav[]" value="4" />4
相关文章推荐
- jquery中 val()操作 与 复选框、下拉列表、单选按钮的设置
- jQuery获取(选中)单选,复选框,下拉框中的值
- jquery实现选中单选按钮下拉伸缩效果
- jQuery获取(选中)单选,复选框,下拉框中的值
- JQuery操作单选按钮,复选框,下拉款的操作
- jquery中如实现判断复选框是否选中,获取选中单选按钮的值,获取选中复选框的值
- 单选按钮 、 下拉框 、 复选框 选中问题
- jquery实现选中单选按钮下拉伸缩效果
- jquery操作radio(单选按钮):动态选中、取值
- CheckStateChanged(复选框选中状态更改事件)和 CheckedChanged(单选按钮选中状态更改事件)二者区别?
- jQuery获取单选按钮(Radio)当前选中项的值
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮
- jquery实现单选按钮选中与取消选中
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- jQuery如何获取选中单选按钮radio的值
- jQuery获取选中单选按钮radio的值
- \t\t判断复选框全部选中,单选按钮选中一个
- jquery获取选中的单选按钮的值
- 复选框、单选按钮、下拉列表的定义
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]