如何自动检查具有不同名称和不同值的所有复选框?

时间:2012-12-20 11:21:25

标签: java javascript

假设我有一个包含复选框的JSP页面:

<input type="checkbox" name=check<%=i%> value=<%= rs.getString("VDB") %>>

此处i的值取决于从数据库中检索的值的数量。

我需要一个按钮来检查所有复选框。

我知道如果所有复选框的名称相同(例如,对于E.g:chk),请检查所有复选框:

<SCRIPT LANGUAGE="JavaScript">
function Check(chk) {
    if (document.vendorform.Check_All.value == "Check All") {
        for (i = 0; i < chk.length; i++)
        chk[i].checked = true;
        document.vendorform.Check_All.value = "UnCheck All";
    } else {    
        for (i = 0; i < chk.length; i++)
        chk[i].checked = false;
        document.vendorform.Check_All.value = "Check All";
    }
} 
</script>

JavaScript中的任何帮助,因为我不知道JSTL,jQuery OR EL。

2 个答案:

答案 0 :(得分:1)

jquery怎么样

$(document).ready(function(){    
$("input[type=checkbox]").each(function(){
     $(this).prop('checked', true);
     });
});

答案 1 :(得分:1)

对于普通的javascript,请查看以下链接,看看是否有帮助:

Check all Checkboxes

它表明了以下内容:

function check_all_in_document(doc)
{
   var c = new Array();
   c = doc.getElementsByTagName('input');

   for (var i = 0; i < c.length; i++)
   {
       if (c[i].type == 'checkbox')
       {
           c[i].checked = true;
       }
   }
}

对于jQuery,你只需要使用:checkbox selector更多信息,可以在这里找到:

jQuery Checkbox Selector