jQuery 表單對象屬性過濾現則器

    //使用:checked選擇器，來操作多選框.
            $(":checkbox").click(countChecked);

            function countChecked() {
                var n = $("input:checked").length;
                $("div").eq(0).html("<strong>有" + n + " 個被選中!</strong>");
            }

            countChecked();//進入頁面就調用.

            //使用:selected選擇器，來操作下拉列表.
            $("select").change(function () {
                var str = "";
                $("select :selected").each(function () {
                    str += $(this).text() + ",";
                });
                $("div").eq(1).html("<strong>你選中的是：" + str + "</strong>");
            }).trigger('change');
            // trigger('change') 在這裏的意思是：
            // select加載後，馬上執行onchange.
            // 也可以用.change()代替.

   

   多選框：<br />
        <input type="checkbox" name="newsletter" checked="checked" value="test1" />test1
        <input type="checkbox" name="newsletter" value="test2" />test2
        <input type="checkbox" name="newsletter" value="test3" />test3
        <input type="checkbox" name="newsletter" checked="checked" value="test4" />test4
        <input type="checkbox" name="newsletter" value="test5" />test5
        <div></div>

        <br /><br />
        下拉列表1：<br />
        <select name="test" multiple="multiple" style="height:100px">
            <option>浙江</option>
            <option selected="selected">湖南</option>
            <option>北京</option>
            <option selected="selected">天津</option>
            <option>廣州</option>
            <option>湖北</option>
        </select>

        <br /><br />
        下拉列表2：<br />
        <select name="test2">
            <option>浙江</option>
            <option>湖南</option>
            <option selected="selected">北京</option>
            <option>天津</option>
            <option>廣州</option>
            <option>湖北</option>
        </select>
        <br /><br />

        <div></div>