0

我想显示我从http://widowmaker.kiev.ua/checkbox/找到的样式的复选框。现在我想显示一个只有单个文本输入的输入表单。这将通过单击提交按钮提交，mysql 查询将在后台自动运行。

我的复选框 javascript 是

<script type="text/javascript">
        $(document).ready(function() {
            $('input:checkbox:not([safari])').checkbox();
            $('input[safari]:checkbox').checkbox({cls:'jquery-safari-checkbox'});
            $('input:radio').checkbox();
        });

        displayForm = function (elementId)
        {
            var content = [];
            $('#' + elementId + ' input').each(function(){
                var el = $(this);
                if ( (el.attr('type').toLowerCase() == 'radio'))
                {
                    if ( this.checked )
                        content.push([
                            '"', el.attr('name'), '": ',
                            'value="', ( this.value ), '"',
                            ( this.disabled ? ', disabled' : '' )
                        ].join(''));
                }
                else
                    content.push([
                        '"', el.attr('name'), '": ',
                        ( this.checked ? 'checked' : 'not checked' ), 
                        ( this.disabled ? ', disabled' : '' )
                    ].join(''));
            });
            alert(content.join('\n'));
        }

        changeStyle = function(skin)
        {
            jQuery('#myform :checkbox').checkbox((skin ? {cls: skin} : {}));
        }

    </script>

我的html是：

<form id="myform">
        <table cellspacing="5">
            <tr><th>&nbsp;</th><th>Last Name</th></tr>
            <tr><td><input type="checkbox" name="checkbox1" /></td><td>Davolio</td></tr>
            <tr><td><input type="checkbox" name="checkbox2" class="top5" /></td></tr>
            <tr><td><input type="checkbox" name="checkbox3" class="top5" /></td></tr>
            <tr><td><input type="checkbox" name="checkbox4" class="top5" /></td><td>Peacock</td><td>Margaret</td><td>Sales Representative</td></tr>
            </table>
    </form>

我的问题是我应该从哪里开始，以及如何做到这一点。

4

0 回答 0