Question

根据我的要求，在表单5中实现了复选框，如

<form action="#" method="post">    
    <input type="checkbox" class="ch-1" />   /* Need to select */    
    <input type="checkbox" class="ch-2" />   /* Need to select */    
    <input type="checkbox" class="bx-3" />    
    <input type="checkbox" class="bx-4" />    
    <input type="checkbox" class="ch-5" />    /* Need to select */   
    <input type="submit" value="Select" />        
</form>

现在我需要检查那些具有起始类名的复选框是否使用jquery提交点击。

Answer 1

您可以使用 attribute-starts-with-selector 来定位以class开头的元素。并选择它们，将属性设置为true：

$('[class^="ch-"]').prop('checked',true);

Answer 2

尝试使用：

 $("input[class^=ch-]").prop("checked",true);

Answer 3

您可以使用attribute selector获取类似ch -

等类的复选框

$('form').submit(function(){
    var chkboxes = $('[class^=ch-]');
});

如果您只想选中复选框，则可以使用：checked selector。

var chkboxes = $('[class^=ch-]:checked');

Answer 4

使用jQuery starts with ^ 选择器

$('#submit').click(function){
    $(':checkbox[class^="ch-"]').prop('checked',true);   

})

只需使用:checked

复选框即可

$(':checkbox[class^="ch-"]:checked')

Answer 5

试试这个：在提交表单事件时，使用jQuery的Start with selector选择所有checkbox，类名从“ch-”开始。

$('form').submit(function(){
    $('[class^="ch-"]').prop('checked',true);
});

使用Jquery选择Checkbox

5 个答案: