我想显示我从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> </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>
我的问题是我应该从哪里开始,以及如何做到这一点。