checkbox和文字对齐

版权声明：本文为博主原创文章，未经博主允许不得转载 https://blog.csdn.net/qq_35794202/article/details/81016059

页面上有个checkbox和文字不对齐，特别难看。

是丑成这样的：

代码是这样的：

<label>
    <input type="checkbox" name="allot_flag"/>&nbsp;&nbsp;受理未完成
</label>

---

对齐以后看着舒服多了：

完善后的代码是这样的：

<label>
    <input type="checkbox" name="allot_flag" style="vertical-align:middle;"/>
    <sapn style="vertical-align:middle;">&nbsp;&nbsp;受理未完成</sapn>
</label>

对input标签增加了样式：

style="vertical-align:middle;"

---

---

补充checkbox取值的用法

jquery判断checkbox是否选中

var allot_flag = $('#code').is(':checked');

checkbox选中时，allot_flag=true,反之false