Html 如何在页面中显示对勾

html-css020

Html 如何在页面中显示对勾,第1张

基于文本文档(Markdown) 设想好需要的基本需要的表、字段、类型;

使用 Rails Migration 随着功能的开发逐步创建表;

随着细节功能的开发、需求,逐步增加字段,删除字段,或者调整字段类型;

第一个 Release 的时候清理 Migrations 合并成一个

随着后期的改动,逐步增加、修改、删除字段或表。

基本上我的所有项目都是这么搞的,这和项目是否复杂无关。

正好最近弄了这个

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<div style="width:30pxheight:30px display: nonemargin: 0pxbackground-color: red" id="lable" onclick="lable_click(this)" >

<!--<img width="30px" height="30px" src="xxx.png">或者背景图片

(点击无背景的checkbox使它变成成有背景色的对勾,

也可以如果用2个div,一个做没有对勾的背景一个做有对勾的背景,使checked一直处于隐藏状态,每次都用

document.getElementById('checked').checked = false)或document.getElementById('checked').checked = true)

使没有显示的checkbox改变它的checked值。

-->

</div>

<input id="checked" type="checkbox" value="" style="width: 30pxheight: 30pxdisplay: blockmargin: 0px" onclick ="checkbox_click(this)" />

<script>

function lable_click(obj){

obj.style.display = "none"

document.getElementById('checked').style.display = "block"

document.getElementById('checked').checked = false//

}

function checkbox_click(obj){

obj.style.display = "none"

document.getElementById('lable').style.display = "block"

}

</script>

</body>

</html>