`
wsj123
  • 浏览: 149112 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Input[type="radio"]和Input[type="checkbox"]的选中

    博客分类:
  • html
阅读更多
Input[type="radio"]和Input[type="checkbox"]的选中

1.1 Input[type="radio"]的选中
        <input type="radio">多个单选框同时使用,要形成只能单选的效果时,必须name 值是一样的,某一个选中框要用checked属性。
注意:应该写成<input type="radio"  checked >的形式,而不用checked="true"的形式。
1.2 Input[type="checkbox"]的选中
        <input type="checkbox">是复选框,无法形成只能单选的效果,即使name 值是一样的。如果要使其处于选中状态,则使用checked属性。
分享到:
评论

相关推荐

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    css(样式)帮助文档帮助你写出好的样式

    AADDRESSBBIGBLOCKQUOTEBODYCAPTIONCENTERCITECODECOLCOLGROUPDDDFNDIRDIVDLDTEMFORMHnHTMLIIMGINPUTINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=hiddenINPUT type=imageINPUT type=...

    html表单<form></form>

    &lt;input name="gender" type="radio" value="f"/&gt;nan &lt;input name="gender" type="radio" value="m"/&gt;nv &lt;input name="internest" type="checkbox" value="a" /&gt;a &lt;input name="internest" type=...

    biaodantestdemo

    性别:&lt;input type="radio" name="sex" value="F"&gt;男 &lt;input type="radio" name="sex" value="M"&gt;女 &lt;input type="submit" value="提交" name=btnOK&gt; &lt;input type="reset" value="清空" name="btnRESET"&gt;

    好看的CSS3的单选复选按钮美化样式.zip

    input type="radio" id="radio-2-3" name="radio-2-set" class="regular-radio big-radio" checked /&gt;&lt;label for="radio-2-3"&gt;&lt;/label&gt;&lt;br /&gt; &lt;input type="radio" id="radio-2-4" name="radio-2-set" ...

    CSS3复选和单选样式工具Magic-Input.zip

    input type="radio" name="radio3" class="mgr mgr-success mgr-lg" checked/&gt; Success &lt;input type="radio" name="radio3" class="mgr mgr-info mgr-sm" /&gt; Info &lt;input type="radio...

    html总结文档

    1.表单:&lt;form&gt;&lt;/form&gt; 主要属性:id name action method 2.input元素:&lt;input/&gt; 主要属性:name type ...单选框和复选框:&lt;input type="radio"/&gt; &lt;input type="checkbox"/&gt; checked属性值为 true 或 false

    HTML5输入框下拉菜单功能的示例代码

    input name=sex value= type=radio&gt;男 &lt;input name=sex value= type=radio&gt;女 需要注意的是单选框name值需保持一致 样式: 复选框 2.复选框代码 喜欢的类型: &lt;input type=checkbox&gt;妩媚的 &lt...

    jquery的checkbox,radio,select等方法小结

    input id=checkAll type=checkbox /&gt;全选 &lt;input name=subBox type=checkbox /&gt;项1 &lt;input name=subBox type=checkbox /&gt;项2 &lt;input name=subBox type=checkbox /&gt;项3 &lt;input name=...

    纯CSS美化input radio checkbox样式.zip

    通过纯CSS3美化修改input 单选[radio]和多选[checkbox]样式

    使用CSS3实现input多选框自定义样式的方法示例

    原理:首先把input元素隐藏掉,然后用CSS设置label元素(其他元素也可以)的样式,选中时的样式使用input:check+label选中label,无须使用图片和JS 效果预览 html代码 &lt;div class=radio&gt; &lt;input type=...

    jboss_chhh

    jboss安装说明&lt;input type="radio" name="question&lt;%=question_count%&gt;" style="border:none" id="question&lt;%=question_count%&gt;" value="&lt;%=optionId%&gt;"/&gt; &lt;input type="checkbox" name="question...

    HTML5新增的8类INPUT输入类型介绍

    input type=”radio”&gt;复选框 &lt;input type=”checkbox”&gt;下拉列表 &lt;select&gt;密码域 &lt;input type=”password”&gt;提交按钮 &lt;input type=”submit”&gt;可单击按钮 &lt;input type=”button”&gt...

    JQuery选择器

    var $allcheckbox= $("#form1 :checkbox"); var $allsubmit= $("#form1 :submit"); var $allimage= $("#form1 :image"); var $allreset= $("#form1 :reset"); var $allbutton= $("#form1 :button"); // &lt;input...

    使用jquery与图片美化checkbox和radio控件的代码(打包下载)

    input type=”checkbox” value=’1′ /&gt;&lt;label&gt;aaaaaa&lt;/label&gt; &lt;input type=”checkbox” value=’2′ /&gt;&lt;label&gt;bbbbbb&lt;/label&gt; &lt;input type=”checkbox” value=’3′ /&gt;&lt;label&gt;ccccc&lt;/label&gt; &lt;...

    jQuery根据ID获取input、checkbox、radio、select的示例

    获取input、checkbox、radio、select的方法有很多,下面本例为大家介绍下根据ID来获取

    apicloud中vue处理购物车全选单选

    input class="aui-radio" v-model="vo.is_select" v-if="api.systemType=='ios'" @touchstart.prevent="update_cart_selectss(index)" type="checkbox"&gt; &lt;input class="aui-radio" :checked="vo.is_select" v...

    vue.js选中动态绑定的radio的指定项

    绑定的数据和上文的model是一致的,选中radio或者checkbox需要注意的是: 不管&lt;input type='radio checked='true''&gt; 你的checked属性值是true或者false,他都会选中。 选中不选中,不是看checked的属性值,...

    纯css3实现效果超级炫的checkbox复选框和radio单选框

    今天要为大家分享的是纯css3实现的checkbox复选框和radio单选框,效果超级炫。先让我们看看图吧! 源码下载这个实例完全由css3实现的没有任何js代码。下面我们一起看下实现代码吧 html代码: 复制代码代码如下: ...

    AngularJS 单选框及多选框的双向动态绑定

    AngularJS 在 &lt;input type=”text” /&gt; 中实现双向动态绑定十分简单,...input type=”checkbox” /&gt; 时情况略有不同: 1. &lt;inputtype&gt; &lt;input type="radio" name="person-action" value="go_home" ng

Global site tag (gtag.js) - Google Analytics