单选框
//单选按钮选中时(触发点击事件)
jQuery(":radio[name='ra']").click(function(){
var sex = jQuery(this).val();
alert(sex);
});
//刷新页面时获取默认被checked中的元素
var sex = jQuery(":radio[name='ra']:checked");
alert(sex);
//改变radio的默认选中项(数值index为选中下标)
jQuery("input[name='radio']").get(index).checked=true;
多选框
//选择框被选中时(选择框被选中或未选中时触发点击事件)
jQuery('#checkbox').click(function(){
if (jQuery(this).is(':not(:checked)')) {
alert("选择框未被选中");
}else {
alert("选择框被选中");
}
});
//刷新页面时获取默认被checked中的元素
var obj = jQuery("input[name='ra'][checked]");
alert(obj);
//改变checkbox的默认选中项(数值index为选中下标)
jQuery("input[name='radio']").get(index).checked=true;
//复选框(一键多选/反选)
jQuery("input[name='allcheck']").click(function(){
if (jQuery(this).is(':checked')) {
jQuery("input[name='check']").each(function(i){
jQuery("input[name='check']").get(i).checked=true;
})
}else {
jQuery("input[name='check']").each(function(i){
jQuery("input[name='check']").get(i).checked=false;
})
}
});
下拉框
//下拉框的值改变时(触发下拉框的点击事件)
jQuery('#select').change(function(){
alert(jQuery(this).val());
});
//刷新页面时,获取被selected的元素
var opt = jQuery("select option:selected");
alert(opt);
//改变下拉框的默认选中项(动态改变下拉框的显示状态,index为选中项的value值)
jQuery("#sel").find("option[value='index']").attr("selected",true);
//所有下拉框失效
jQuery("select").each(function () {
jQuery("#" + this.id).attr("disabled", true);
});
//选择框级联
<script type="text/javascript">
jQuery("#field8028").live("change", function() {
//获取A选择的值
var values = jQuery("#field8028").val();
//B框的默认选中项为A框的值
jQuery("#field11605").find("option[value="+values+"]").attr("selected",true);
});
</script>