javascript的checkbox和radio的选中控制和取值

76 篇文章 1 订阅
44 篇文章 0 订阅

获取radio的选中值(单选):

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

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

获取checkbox的选中值(多选):

var id_array = new Array();

$('input[name="Job"][type="checkbox"]:checked').each(function () {
       id_array.push($(this).val());
});

var Job = id_array.join(',');

设置radio选中:

$(":radio[name='ParentJob'][value='" + item.ParentJob + "']").prop("checked", "checked");

 举例:

                //回绑班级
                var arr = new Array();
                arr = classIDs.split(","); //字符分割
                for (i = 0; i < arr.length ; i++) {                 
                    $(":checkbox[name='class'][value='" + arr[i] + "']").prop("checked", "checked");
                }

设置checkbox选中:

$(":checkbox[name='Job'][value='" + item.JobID + "']").prop("checked", "checked");

radio的选择事件

$(function () {
    $("input[type=radio][name='keqi']").change(function () { Pin(); });
});

完整例子:

<script type="text/javascript">
    $(function () {
        //刷新
        $("#btnRefresh").click(function () {
            window.location.reload();
        });
        //保存
        $("#btnSave").click(function () {
            //父岗位
            var ParentJob = $("input[name='ParentJob'][type='radio']:checked").val();
            if (typeof (ParentJob) == "undefined" || ParentJob == null || ParentJob == "") {
                alert("请选择一个父岗位!");
                return;
            }
            //子岗位
            var id_array = new Array();
            $('input[name="Job"]:checked').each(function () {
                id_array.push($(this).val());//向数组中添加元素
            });
            var Job = id_array.join(',');//将数组元素连接起来以构建一个字符串
            if (Job == "" || Job == ',') {
                alert("请选择子岗位!");
                return;
            }
            //保存
            $.ajax({
                url: "/Rights/Job/EditParentJob",
                data: { ParentJob: ParentJob, Job: Job, },
                success: function (data) {
                    if (data == "OK") {
                        alert("编辑成功!");
                        window.location.reload();
                    }
                    else {
                        alert(data);
                    }
                }
            });
        });
    });
    function BindChildJob(id) {       
        //清除所有子岗位勾选
        $("input[name='Job']").removeAttr("checked");
        //勾选当前父岗位所包含的子岗位
        $.ajax({
            url: "/Rights/Job/GetChildJob",
            data: { ParentJobID: id,  },
            success: function (data) {
                $.each(data, function (i, item) {
                    //alert(i);
                    //alert(item.JobID);
                    $(":checkbox[name='Job'][value='" + item.JobID + "']").prop("checked", "checked");
                });          
            }
        });
    }
</script>

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值