强制验证复选框

时间:2018-03-06 18:45:18

标签: javascript jquery

下面的脚本允许验证表单中的所有checkox。 我的问题,我需要只有一个来验证。 要验证是否只验证了一个chabox,要更改的元素是什么?

<?php
                  $display_option .= '<div class="form-group ProductsInfoOptionCheckbox" options>';
                  $display_option .= '<label class="control-label ProductsInfoOptionCheckbox" for="input-option' . $option['products_option_id'] . '">' .  $option['name'] . '</label>';

                  foreach ($option['products_option_value'] as $t => $option_value) {
                    $display_option .= '<div class="checkbox">';
                    $display_option .= '<ul class="list-unstyled ProductsInfoOptionCheckbox">';
                    $display_option .= '<li class="ProductsInfoOptionCheckbox">';

                    $display_option .= HTML::checkboxField('id[' . $option['products_option_id'] . ']', $option_value['products_option_value_id'], $checked_attribute, 'required'); 
                 }
$display_option .= '<div>';
echo  $display_option;
?>

<script>                    
$(function(){
    var requiredCheckboxes = $('.options :checkbox[required]');
    requiredCheckboxes.change(function(){
        if(requiredCheckboxes.is(':checked')) {
            requiredCheckboxes.removeAttr('required');
        } else {
            requiredCheckboxes.attr('required', 'required');
        }
    });
});
</script>

1 个答案:

答案 0 :(得分:0)

我通过使用:

解决了这个问题
$display_option .= '<div class="form-group ProductsInfoOptionCheckbox options">';