checkbox怎么实现单选

庞胜文

checkbox怎么实现单选，radio样子太丑，客户要求用checkbox，求大神解决
代码如下：
<div component="$UI/system/components/justep/row/row" class="x-row" xid="row5"
        style="border:1px solid #F4F4F4;">
        <div class="x-col x-col-10" xid="col13" style="text-align:center;">
          <div component="$UI/system/components/justep/button/checkboxPC" class="checkbox"
            xid="checkboxPC5" style="top:5px;left:8px;" name="che"/>
        </div>  
        <div class="x-col" xid="col14">
          <div component="$UI/system/components/justep/labelEdit/labelEdit"
            class="x-label-edit x-label30" xid="labelEdit5">
            <label class="x-label" xid="label5" style="width:246px;margin-top:9px;margin-left:5px;"><![CDATA[酷米发布会视屏设计]]></label>  
            <div component="$UI/system/components/justep/output/output" class="x-output x-edit"
              xid="output5"/>
          </div>
        </div>
      </div>  
      <div component="$UI/system/components/justep/row/row" class="x-row" xid="row6"
        style="border:1px solid #F4F4F4;">
        <div class="x-col x-col-10" xid="col16" style="text-align:center;">
          <div component="$UI/system/components/justep/button/checkboxPC" class="checkbox"
            xid="checkboxPC6" style="left:7px;top:5px;" name="che"/>
        </div>  
        <div class="x-col" xid="col17">
          <div component="$UI/system/components/justep/labelEdit/labelEdit"
            class="x-label-edit x-label30" xid="labelEdit6">
            <label class="x-label name" xid="label6" style="width:202px;font-size:small;"><![CDATA[酷米发布会海报设计]]></label>  
            <div component="$UI/system/components/justep/output/output" class="x-output x-edit"
              xid="output6"/>
          </div>
        </div>
      </div>

大雁子

参考：http://blog.csdn.net/qq_33242126/article/details/52334485

庞胜文

大雁子 发表于 2016-11-23 12:42
参考：http://blog.csdn.net/qq_33242126/article/details/52334485

我的布局是5个row，在每个row第一个col中，而且X5中checkbox源码中是div给的class，这个例子不合适啊

半导体

庞胜文 发表于 2016-11-23 18:14
我的布局是5个row，在每个row第一个col中，而且X5中checkbox源码中是div给的class，这个例子不合适啊 ...

那就建议你用原生的dom+js的写法完成了  使用dom找到选中checkbox  使用js添加和删除选中的样式并判断选中哪个

庞胜文

我用jquery写的，checkbox的name是che，大神帮我看下有什么问题，这个没有效果，也没有报错
$(function(){
        $('div[name="che"]').each(function(){
            $(this).click(function(){
                if($(this).attr('checked')){
                    $(':div[name="che"]').removeAttr('checked');
                    $(this).attr('checked','checked');
                    alert(this.id);
                }
            });
        });
    });

庞胜文

半导体 发表于 2016-11-23 18:19
那就建议你用原生的dom+js的写法完成了  使用dom找到选中checkbox  使用js添加和删除选中的样式并判断选 ...

checkbox状态改变的JS怎么写啊

半导体

庞胜文 发表于 2016-11-24 09:28
checkbox状态改变的JS怎么写啊

如果你想要使用dom +js  的方法   就要注意组件的结构  因为组件  它不是一个简单的input  组件进行过封装  你需要找的这个input才能添加checked属性

庞胜文

半导体 发表于 2016-11-24 13:48
如果你想要使用dom +js  的方法   就要注意组件的结构  因为组件  它不是一个简单的input  组件进行过封 ...

有代码参考吗

半导体

庞胜文 发表于 2016-11-24 14:07
有代码参考吗

没有  我也是很久以前写过类似的代码

庞胜文

半导体 发表于 2016-11-24 14:09
没有  我也是很久以前写过类似的代码

求代码，X5这个拿span写checkbox，好难取值，我用过name取值，不报错也没效果