如果没有IE6/IE7浏览器之浏览器选择器API实例页面

HTML代码：

<p><strong>用来被选择的复选框组：</strong></p>
<input id="checkbox_1" type="checkbox" name="checkbox_test" />
<input id="checkbox_2" type="checkbox" class="checkbox_second" />
<input id="checkbox_3" type="checkbox" class="checkbox_third" />
<input id="checkbox_4" type="checkbox" name="checkbox_test" />
<p><strong>下面文本框中输入选择器测试：</strong></p>
<p><input type="text" id="selector" /><input id="ensure" type="button" value="确认选择" /></p>
<p id="remind"></p>
                

JS代码：

var zxxSelector = $("#selector"), zxxRemind = $("#remind");
var funNodeListChecked = function(nodeList) {
    var l, i = 0;
    if (nodeList && (l = nodeList.length)) {
        for (i; i<l; i+=1) {
            if (nodeList[i].type === "checkbox") {
                nodeList[i].setAttribute("checked", "checked");
            }
        }
    }
    return l;
};

zxxSelector.bind("focus", function() {
    zxxRemind.css("color", "#999").html("例如：<code>input.checkbox_second</code>");    
});
$("#ensure").click(function() {
    $("input[type=checkbox]").removeAttr("checked");
    
    var value = zxxSelector.val().trim();
    if (!value) {
        zxxRemind.css("color", "#666").html('... 大哥，写点内容吧。');    
    } else {
        if (document.querySelectorAll) {
            if (funNodeListChecked(document.querySelectorAll(value))) {
                zxxRemind.css("color", "#666").html('... 哦呵呵，看，对应选择器复选框选中了哈！');
            }
        } else {
            zxxRemind.css("color", "#666").html('... 这个浏览器太不给力了，选不了啊！');    
        }
    }
});