checkbox js验证只有一个可选

html提供两个选择框radio(单选且必选一个)、checkbox(多选可以不选)

 单选框radio可取消选中

<input type="radio" name="aa" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1" c="0">

jquery方法
<input type="radio" name="aa" onclick="chk();">
<script language=javascript>
function chk()
{
document.all.aa.checked=false;
}
</script>
多选框checkbox实现只能选中一个

<div id="aaa">
            <ul class="use_redpackets_nav">
            <li>
            <input type="checkbox" name="oneBox" value=""/>   
             </li>
               <li>
            <input type="checkbox" name="oneBox" value=""/>   
             </li>
            </ul>
</div>
<script type="text/javascript">
$(function () {
            var aaa= $("#aaa input:checkbox");
            aaa.click(function () {
               if(this.checked || this.checked=='checked'){
                   aaa.removeAttr("checked");
                   //这里需注意jquery1.6以后必须用prop()方法
                   //$(this).attr("checked",true);
                   $(this).prop("checked", true);
                 }
            });
         });   
</script>
//div下的checkbox查看选中个数
<script type="text/javascript">
function  checkedValue(){
     var num=0;
     var aaa=$("#aaa input:checkbox");
     aaa.each(function(){
     if ($(this).is(':checked')) {

        alert($(this).val());
                num++;
            }
       alert(num);     
     });
     }   
</script>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值