checkbox的使用

来源:互联网 发布:html5与java交互 编辑:程序博客网 时间:2024/06/04 05:53

前序:

好久没有写博文了,心里痒痒滴,实习一个月了,每天都在忙,从现在开始我要把之前的都补回来~~~最近在从事前端web的开发,我是一个web前端零基础的女菜鸟,所以我想记录我成长的点点滴滴。

checkbox:Checkbox 对象代表一个 HTML 表单中的 一个选择框。在 HTML 文档中 <input type="checkbox"> 每出现一次,Checkbox 对象就会被创建。

简单实例,文件.html

<dt>是否接入Sniper</dt><dd><input type="checkbox" name="FisUseSniper" id="FisUseSniper" onchange="javascript:handleChange(this);" value="{$actInfo.FisUseSniper}" {if $actInfo.FisUseSniper==1}checked{/if} data-toggle="tooltip" data-placement="right" title="" data-original-title="接入Sniper要求进行参数设置!"/></dd>

类型type=”checkbox”,名字name=”FisUseSniper”,唯一id=”FisUseSniper”,触发条件onchange=”javascript:handleChange(this)”,其值为value=”{$actInfo.FisUseSniper}”,代码{if $actInfo.FisUseSniper==1}checked{/if}的作用:当我点击选中该按钮时,会在页面上显示选中符号“√“。

checked:设置或返回 checkbox 是否应被选中。

value:设置或返回 checkbox 的 value 属性的值。

触发函数:

function handleChange(cb){    cb.value=cb.checked=true?1:0;}
当FisUseSniper的值为1时选择该选择框。


原创粉丝点击