选择框(单/多)、下拉框

单选框

//单选按钮选中时(触发点击事件)
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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值