jquery处理checkbox

发布时间：2020-05-25 03:26:47 所属栏目：PHP 来源：互联网

导读：1.控制checkbo只能选择其中一项想用radiobox做单选题的选项，但是为了便于取值要用服务器空间，带来的麻烦就是不能使用name属性控制他们属于同一个域，现在使用checkbox+js的方式来实现radiobox的效果。html代码：li class=liStyle1.nbsp;nbsp;阿斯顿按时labe

1.控制checkbo只能选择其中一项

想用radiobox做单选题的选项，但是为了便于取值要用服务器空间，带来的麻烦就是不能使用name属性控制他们属于同一个域，现在使用checkbox+js的方式来实现radiobox的效果。

html代码：

阿斯顿按时请选择

            <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;li </span><span style="color: #ff0000;"&gt;class</span><span style="color: #0000ff;"&gt;="liStyle2"</span><span style="color: #0000ff;"&gt;></span>
                <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;span </span><span style="color: #ff0000;"&gt;id</span><span style="color: #0000ff;"&gt;="labOption"</span><span style="color: #0000ff;"&gt;></span>A         <span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;span</span><span style="color: #0000ff;"&gt;></span>.阿萨德发<span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;input </span><span style="color: #ff0000;"&gt;type</span><span style="color: #0000ff;"&gt;="hidden"</span><span style="color: #ff0000;"&gt; value</span><span style="color: #0000ff;"&gt;="1"</span><span style="color: #ff0000;"&gt; id</span><span style="color: #0000ff;"&gt;="hidID"</span><span style="color: #ff0000;"&gt; name</span><span style="color: #0000ff;"&gt;="repSingle$ctl00$repSingleChoices$ctl00$hidID"</span><span style="color: #0000ff;"&gt;></span>
                <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;input </span><span style="color: #ff0000;"&gt;type</span><span style="color: #0000ff;"&gt;="checkbox"</span><span style="color: #ff0000;"&gt; name</span><span style="color: #0000ff;"&gt;="repSingle$ctl00$repSingleChoices$ctl00$cheSingleChoice"</span><span style="color: #ff0000;"&gt; id</span><span style="color: #0000ff;"&gt;="cheSingleChoice"</span><span style="color: #0000ff;"&gt;></</span><span style="color: #800000;"&gt;li</span><span style="color: #0000ff;"&gt;></span>

            <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;li </span><span style="color: #ff0000;"&gt;class</span><span style="color: #0000ff;"&gt;="liStyle2"</span><span style="color: #0000ff;"&gt;></span>
                <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;span </span><span style="color: #ff0000;"&gt;id</span><span style="color: #0000ff;"&gt;="labOption"</span><span style="color: #0000ff;"&gt;></span>B         <span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;span</span><span style="color: #0000ff;"&gt;></span>.阿萨德发<span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;input </span><span style="color: #ff0000;"&gt;type</span><span style="color: #0000ff;"&gt;="hidden"</span><span style="color: #ff0000;"&gt; value</span><span style="color: #0000ff;"&gt;="2"</span><span style="color: #ff0000;"&gt; id</span><span style="color: #0000ff;"&gt;="hidID"</span><span style="color: #ff0000;"&gt; name</span><span style="color: #0000ff;"&gt;="repSingle$ctl00$repSingleChoices$ctl01$hidID"</span><span style="color: #0000ff;"&gt;></span>
                <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;input </span><span style="color: #ff0000;"&gt;type</span><span style="color: #0000ff;"&gt;="checkbox"</span><span style="color: #ff0000;"&gt; name</span><span style="color: #0000ff;"&gt;="repSingle$ctl00$repSingleChoices$ctl01$cheSingleChoice"</span><span style="color: #ff0000;"&gt; id</span><span style="color: #0000ff;"&gt;="cheSingleChoice"</span><span style="color: #0000ff;"&gt;></</span><span style="color: #800000;"&gt;li</span><span style="color: #0000ff;"&gt;></span>

            <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;li </span><span style="color: #ff0000;"&gt;class</span><span style="color: #0000ff;"&gt;="liStyle2"</span><span style="color: #0000ff;"&gt;></span>
                <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;span </span><span style="color: #ff0000;"&gt;id</span><span style="color: #0000ff;"&gt;="labOption"</span><span style="color: #0000ff;"&gt;></span>C         <span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;span</span><span style="color: #0000ff;"&gt;></span>.阿斯顿<span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;input </span><span style="color: #ff0000;"&gt;type</span><span style="color: #0000ff;"&gt;="hidden"</span><span style="color: #ff0000;"&gt; value</span><span style="color: #0000ff;"&gt;="3"</span><span style="color: #ff0000;"&gt; id</span><span style="color: #0000ff;"&gt;="hidID"</span><span style="color: #ff0000;"&gt; name</span><span style="color: #0000ff;"&gt;="repSingle$ctl00$repSingleChoices$ctl02$hidID"</span><span style="color: #0000ff;"&gt;></span>
                <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;input </span><span style="color: #ff0000;"&gt;type</span><span style="color: #0000ff;"&gt;="checkbox"</span><span style="color: #ff0000;"&gt; name</span><span style="color: #0000ff;"&gt;="repSingle$ctl00$repSingleChoices$ctl02$cheSingleChoice"</span><span style="color: #ff0000;"&gt; id</span><span style="color: #0000ff;"&gt;="cheSingleChoice"</span><span style="color: #0000ff;"&gt;></</span><span style="color: #800000;"&gt;li</span><span style="color: #0000ff;"&gt;></span>

<span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;ul</span><span style="color: #0000ff;"&gt;></span>
<span style="color: #008000;"&gt;<!--</span><span style="color: #008000;"&gt;end选项</span><span style="color: #008000;"&gt;--></span>
<span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;br</span><span style="color: #0000ff;"&gt;></span>

js代码：

"ul#ulSingle>li.liStyle>ul>li.liStyle2>:checkbox").click( count = $("ul#ulSingle>li.liStyle>ul>li.liStyle2>:checkbox" ( i = 0; i < count; i++"ul#ulSingle>li.liStyle>ul>li.liStyle2>:checkbox:eq(" + i + ")").attr("checked",).attr("checked",

2.checkbox的常见方法

常用的方法有全选，全部选，反选等

html代码：

用checkbox本身实现全选和反选

参考：http://www.cnblogs.com/libingql/archive/2011/11/07/2238663.html

（编辑：安卓应用网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!