php - JavaScript 仅用于验证已检查的提交

标签 php javascript jquery codeigniter

我有一些 PHP 代码,其中使用了 codeigniter。如何检查标记为检查的文件的有效性?我的代码如下。

您能否告诉我如何检查项目是否已选中并相应地强制验证?

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/site.css"></link>
</head>

<body>

    <script type="text/Javascript">

        $(function () {
            $('.checkall').click(function () {
                $(this).parents('fieldset:eq(0)').
                    find(':checkbox').attr('checked', this.checked);
            });
        });

    </script>

    <? $attributes = array('class' => '', 'id' => ''); ?>

    <? echo form_open('ShoppingListController', $attributes); ?>

    <div class="divTable">

        <fieldset>
            <!-- these will be affected by check all -->
            <div class="divRow">Product Name | Quantity | Packages</div>
            <div class="divRow"><input type="checkbox" size="100" class="checkall"> Check all</div>


            <br>

                <?php foreach ($records as $rec) {
                    ?>

                    <div class="divRow"><input type="checkbox">
                            <input size="5" type="hidden" value="<? echo $rec->id; ?>" name="id"></input>
                            <input size="20" type="text" value="<? echo $rec->name; ?>" name="name"></input>
                            <label for="quantity">Value <span class="required">*</span></label>
                            <span class="required"><?php echo form_error('quantity'); ?></span>
                            <input size="5" type="text" value="" name="quantity"></input>

                            <select name="package">
                                <option name="case">Case</option>
                                <option name="box">Box</option>
                                <option name="box">Single Bottle</option>
                            </select>
                    </div>                
                    <br> 
                        <?
                    }
                    ?>


                    </fieldset> 
                    </div>
                    <div><input type="submit" name="submit"/></div>
                    </form>



                    </body>

最佳答案

您可以使用下面的代码:

var divRows = $('.divRow');
var count = divRows.length;

divRows.each(function() {
   if ($(this).find('input[type=checkbox]').is(':checked')) {
       count--;
   }
});
if (count != 0) {
   alert(count + ' checkboxes not checked');
}

http://jsfiddle.net/SKgA8/

关于php - JavaScript 仅用于验证已检查的提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15465340/

相关文章:

javascript - Chrome 64 上的音频播放暂停/停止

javascript - Jquery Click 事件在回发后不起作用

javascript - 缩进/打破 jquery 链以提高可读性

php - 在 jQuery onClick 上,递增 PHP 变量?

php - 一个页面操作与多个 html 文件

javascript - 为什么使用 document.getElementByID 获取表单会阻止alert() 触发?

javascript - 两个 div 同时设置动画

php - Python反序列化PHP session

php - 需要帮助将 mysqli_fetch_array 引用转换为相应的 OCI 引用

javascript - 没有将数据添加到数据库中,也没有显示在使用 AJAX 和 PHP 追加的表中