處理元素綁定及單選框與複選框的腳本

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){//遍歷每一個複選框

}