处理元素绑定及单选框与复选框的脚本

1:元素绑定for

显式的联系:
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSn" />
隐式的联系:
<label>Date of Birth: <input type="text" name="DofB" /></label>

2:问卷用相应的单选框和复选框,点击文字和元素都能选中。通过脚本控制

//如果单选
            if($ul.is(".single")){
                $ul.children().click(function(){
                    $(":radio",$(this)).attr('checked',true);
                    $(":radio",$(this).siblings()).attr('checked',false);
                });
            }else{//如果是复选框
                $ul.children().click(function(event){
                    var $target = $(event.target);
                    var type = $target.attr("type");
                    //如果不是checkbox直接元素的触发要明确知道是哪个元素进行的触发

                   //如果是type元素本身,不进行处理
                    if(type == "undefined" || type == undefined ){
                        var $checkbox = $(":checkbox",$(this));
                        var checked = $checkbox.attr('checked');
                        if(checked){
                            $checkbox.attr("checked",false);
                        }else{
                            $checkbox.attr("checked",true);
                        }
                    }
                });
            }

注意:其中的取值

//单选框

var $rchecked =$(":radio:checked",$(this));

//复选框

$(':checkbox:checked',$this).each(function(i){//遍历每一个复选框

}

你可能感兴趣的:(checkbox,Radio)