复选框验证无效

时间:2014-06-24 09:15:15

标签: javascript jquery html validation checkbox

嗨我有复选框并提交按钮。对于验证我需要在点击提交按钮时检查至少1个复选框。我在jquery中尝试了几种方法但现在正在工作。谢谢。 这是我的代码:

dashboard.php

<table id="fahrzeuge" >
    <tr>
        <td>
            <input type="checkbox" name="Anzahl_Fahrzeuge_ohne_Bilder" id="Anzahl_Fahrzeuge_ohne_Bilder" checked />
            <label for="Anzahl_Fahrzeuge_ohne_Bilder">Anzahl Fahrzeuge ohne Bilder</label><br>
            <input type="checkbox" name="Fahrzeuge_ohne_Preis" id="Fahrzeuge_ohne_Preis" value="Fahrzeuge_ohne_Preis" checked />
            <label for="Fahrzeuge_ohne_Preis">Fahrzeuge_ohne_Preis</label><br>
            <input type="checkbox" name="Fahrzeuge_mit_Fehlern" id="Fahrzeuge_mit_Fehlern" value="Fahrzeuge_mit_Fehlern" checked />
            <label for="Fahrzeuge mit Fehlern">Fahrzeuge mit Fehlern</label><br>
            <input type="checkbox" name="Herausforderungen" id="Herausforderungen" value="Herausforderungen" checked />
            <label for="Herausforderungen">Herausforderungen</label><br><br>
       </td>
   </tr>
</table>

dashboard.js

function getFahrzeuge() { 
    var opts = [];
    $("#fahrzeuge input[type='checkbox']").each(function () {
        if ($(this).is(':checked')) 
        {
            opts.push($(this).attr("id"));
        }
    }); 
    return opts;
}

$('#fahrzeuge .butt-rahmen').on('click', function(){
    if($(this).attr('id') == 'saveId')
    {
        var opts = getFahrzeuge();
        saveFahrzeugeWidget(opts);                                
    }
});

1 个答案:

答案 0 :(得分:0)

您只需使用:checked选择器进行检查:

if($("#fahrzeuge input:checked").length){
   //atleast one checked
}