精华内容
参与话题
问答
  • Form表单之radio单选框操作

    万次阅读 多人点赞 2017-01-11 15:56:45
    input单选框,name相同的单选项为同一单选组: 1.选中某值的项: ...$("input:radio[name='radio1'][value=radio单选项2]").attr("checked","checked");和 $("input[name='radio1'][value=radio单选项2]").attr("ch

    input单选框,name相同的单选项为同一单选组:

    1.radio选中某值的项:

    <label>input单选1组:</label>
    radio单选项1<input type="radio" name="radio1" value="radio单选项1"/>
    radio单选项2<input type="radio" name="radio1" value="radio单选项2"/>

    $("input:radio[name='radio1'][value=radio单选项2]").attr("checked","checked");和

    $("input[name='radio1'][value=radio单选项2]").attr("checked","checked");的效果相同。

    如果不能实现效果,请尝试给value添加单引号和双引号试试。

    <label>input单选2组:</label>
    radio单选项1<input class="radio2" type="radio" name="radio2" value="radio单选项1"/>
    radio单选项2<input class="radio2" type="radio" name="radio2" value="radio单选项2"/>
    radio单选项3<input class="radio2" type="radio" name="radio2" value="radio单选项3"/>

    $(".radio2[value=radio单选项3]").attr("checked","checked");会选中多个clas=“radio2”的单选组中值为radio单选项3的项。

    <label>input单选3组:</label>
    radio单选项1<input id="radio3" type="radio" name="radio3" value="radio单选项1"/>
    radio单选项2<input id="radio3" type="radio" name="radio3" value="radio单选项2"/>
    radio单选项3<input id="radio3" type="radio" name="radio3" value="radio单选项3"/>

    $("#radio3[value=radio单选项2]").attr("checked","checked");

    选中id="radio3"的两组(input单选3组和input单选4组)单选值为“radio单选项2”的项,同一页面相同的id不是只能有一个的吗?超出了我的认知呀。

    2.radio选中某索引的项:

    <label>input单选5组:</label>
    radio单选项1<input type="radio" name="radio5" value="radio单选项1"/>
    radio单选项2<input type="radio" name="radio5" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio5" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio5" value="radio单选项4"/>

    $("input[name='radio5']").eq(索引值).attr("checked","checked"); 

    索引值从0开始;$("input[name='radio5']").eq(2).attr("checked","checked");选中name="radio5"的第三项;

    <label>input单选6组:</label>
    radio单选项1<input type="radio" name="radio6" value="radio单选项1"/>
    radio单选项2<input type="radio" name="radio6" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio6" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio6" value="radio单选项4"/>

    $("input[name='radio6']:first").attr("checked","checked");//:first选中第一项;

    <label>input单选7组:</label>
    radio单选项1<input type="radio" name="radio7" value="radio单选项1"/>
    radio单选项2<input type="radio" name="radio7" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio7" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio7" value="radio单选项4"/>

    $("input[name='radio7']:last").attr("checked","checked");//选中最后一项

    3.获取radio选中项的值:

    <label>input单选8组:</label>
    radio单选项1<input type="radio" name="radio8" value="radio单选项1"/>
    radio单选项2<input type="radio" name="radio8" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio8" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio8" value="radio单选项4"/>

    $("input[name='radio8']:checked").val();//获取选中项的值

    4.获取radio选中项的index(index从1开始):

    <label>input单选9组:</label>
    radio单选项1<input type="radio" name="radio9" value="radio单选项1"/>
    radio单选项2<input type="radio" name="radio9" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio9" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio9" value="radio单选项4"/>

    $("input[name='radio9']:checked").index();//获取选中项的索引(这里用索引似乎也不大恰当,值是从1开始,不是0)

    5.获取radio某值的index:

    <label>input单选10组:</label>
    radio单选项1<input type="radio" name="radio10" value="radio单选项1"/>
    radio单选项2<input type="radio" name="radio10" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio10" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio10" value="radio单选项4" checked="checked"/>

    $("input[name='radio10'][value=radio单选项2]").index()//获取radio组中某值的项(第二项的index()=2,不是1,index()从1开始)

    6.获取radio某索引对应的值:

    <label>input单选11组:</label>
    radio单选项1<input type="radio" name="radio11" value="radio单选项1" checked="checked"/>
    radio单选项2<input type="radio" name="radio11" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio11" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio11" value="radio单选项4"/>

    $("input[name='radio11']").eq(3).val();//获取radio某索引的值

    7.删除radio值对应的项:

    <label>input单选12组:</label>
    radio单选项1<input type="radio" name="radio12" value="radio单选项1" checked="checked"/>
    radio单选项2<input type="radio" name="radio12" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio12" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio12" value="radio单选项4"/>

    $("input[name='radio12'][value=radio单选项2]").remove();//删除值对应的项,后面项的index序号依次减1 

    删除索引对应的项:$("input[name='radio12']").eq(1).remove();//在此不单独加示例。

    至于是新增项没见到有类似操作;

    8.禁用radio单选组或某项:

    <label>input单选13组:</label>
    radio单选项1<input type="radio" name="radio13" value="radio单选项1" checked="checked"/>
    radio单选项2<input type="radio" name="radio13" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio13" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio13" value="radio单选项4"/>

    //$("input[name='radio13']").eq(2).prop("disabled","disabled");//禁用某项,当然选择器也可以换成某值对应的项;
    $("input[name='radio13']").prop("disabled","disabled");//禁用整组radio
    $("input[name='radio13']").eq(2).attr("checked","checked");//禁用后不可切换选中项,但js可操作
    //$("input[name='radio13']").removeProp("disabled");//移除radio禁用 

    <label>input单选15组:</label>
    radio单选项1<input type="radio" name="radio15" value="radio单选项1" checked="checked"/>
    radio单选项2<input type="radio" name="radio15" value="radio单选项2"/>
    radio单选项3<input type="radio" name="radio15" value="radio单选项3"/>
    radio单选项4<input type="radio" name="radio15" value="radio单选项4"/>
    

    //$("input[name='radio15']").eq(0).prop("checked",true);
    //$("input[name='radio15']").eq(0).prop("checked",false);//测试checked可用false,true;
    $("input[name='radio15']").eq(0).prop("disabled",true);
    $("input[name='radio15']").eq(0).prop("disabled",false);//测试disabled可用false,true;

    js操作radio的checked和disabled属性值可用true和false值来代替添加、移除checked属性;但请别给true和false加上引号,引号内为任意值都是给radio添加checked属性;

    参考文档:http://blog.csdn.net/htofly/article/details/7721858

    2、让页面中所有的radio可用。
    $("input:radio").attr("disabled",false);
    3、让页面中所有的radio不可用。
    $("input:radio").attr("disabled","disabled");
    5、让页面中“未选中”状态的radio不可用。
    $("input:radio:not([checked])").attr("disabled","disabled");
    6、遍历选中状态的radio,除了某一个radio之外,其他的“选中”状态的radio设定是“未选中”状态。
    $('input:radio:checked').each(function(i,val){
       if(val.name != "dialCheckResult" ){
         $("input:radio[name='"+val.name+"']:checked").attr('checked',false);
       }
     });
    7、让所有“未选中”状态的radio不可用。
    $("input:radio:not([checked])").attr("disabled","disabled");
    9、让所有“选中”状态的radio置于“未选中”状态。
    $('input:radio:checked').attr('checked',false);
    10、让页面中的radio都置于“选中”状态或“未选中”状态。
    $("input:radio").attr("checked",true);
    $("input:radio").attr("checked",false);

    参考文档:http://www.jb51.net/article/56465.htm

    html内容如下:

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="utf-8"/>
      <title>Form表单单选操作示例1</title>
      <style>
        body{font-size:14px;}
        label{display:inline-block;width:8em;margin-left:0.3em;margin-right:0.3em;}
    	input{margin-top:0.3em;margin-bottom:0.3em;}
    	.tipmsg{font-size:14px;color:#f00;}
      </style>
    </head>
    
    <body>
    <form>
      <h2>input单选(radio):相同name的单选项为同一组单选</h3>
      <h3>radio选中某值的项</h3><hr>
      <div>
        <label>input单选1组:</label>
        radio单选项1<input type="radio" name="radio1" value="radio单选项1"/>
    	radio单选项2<input type="radio" name="radio1" value="radio单选项2"/>
    	<span class="tipmsg">input[name='radio1'][value=radio单选项2]").attr("checked","checked");选中值为"radio单选项2"的项</span>
      </div>
      
      <div>
        <label>input单选2组:</label>
        radio单选项1<input class="radio2" type="radio" name="radio2" value="radio单选项1"/>
    	radio单选项2<input class="radio2" type="radio" name="radio2" value="radio单选项2"/>
    	radio单选项3<input class="radio2" type="radio" name="radio2" value="radio单选项3"/>
    	<span class="tipmsg">$(.radio2[value=val]).attr("checked","checked");选中某值的项</span>
      </div>
      
      <div>
        <label>input单选3组:</label>
        radio单选项1<input id="radio3" type="radio" name="radio3" value="radio单选项1"/>
    	radio单选项2<input id="radio3" type="radio" name="radio3" value="radio单选项2"/>
    	radio单选项3<input id="radio3" type="radio" name="radio3" value="radio单选项3"/>
    	<span class="tipmsg">$(.radio2[value=val]).attr("checked","checked");选中某值的项</span>
      </div>
      
      <div>
        <label>input单选4组:</label>
        radio单选项1<input id="radio3" type="radio" name="radio4" value="radio单选项1"/>
    	radio单选项2<input id="radio3" type="radio" name="radio4" value="radio单选项2"/>
    	radio单选项3<input id="radio3" type="radio" name="radio4" value="radio单选项3"/>
    	<span class="tipmsg">input单选3组已用过id="radio3",该组无法选中单选项</span>
      </div>
      
      <h3>radio选中某索引的项</h3><hr>
      <div>
        <label>input单选5组:</label>
        radio单选项1<input type="radio" name="radio5" value="radio单选项1"/>
    	radio单选项2<input type="radio" name="radio5" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio5" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio5" value="radio单选项4"/>
    	<span class="tipmsg">$("input[name='radio5']").eq(2).attr("checked","checked");//选中第三项,索引从0开始</span>
      </div>
      
      <div>
        <label>input单选6组:</label>
        radio单选项1<input type="radio" name="radio6" value="radio单选项1"/>
    	radio单选项2<input type="radio" name="radio6" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio6" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio6" value="radio单选项4"/>
    	<span class="tipmsg">$("input[name='radio6']:first").attr("checked","checked");//选中第一项</span>
      </div>
      
      <div>
        <label>input单选7组:</label>
        radio单选项1<input type="radio" name="radio7" value="radio单选项1"/>
    	radio单选项2<input type="radio" name="radio7" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio7" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio7" value="radio单选项4"/>
    	<span class="tipmsg">$("input[name='radio7']:last").attr("checked","checked");//选中最后一项</span>
      </div>
      
      <h3>获取radio选中值</h3><hr>
      <div>
        <label>input单选8组:</label>
        radio单选项1<input type="radio" name="radio8" value="radio单选项1"/>
    	radio单选项2<input type="radio" name="radio8" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio8" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio8" value="radio单选项4"/>
    	<span class="tipmsg">$("input[name='radio8']:checked").val();//获取选中项的值</span>
      </div>
      
      <h3>获取radio选中项的index(index从1开始)</h3><hr>
      <div>
        <label>input单选9组:</label>
        radio单选项1<input type="radio" name="radio9" value="radio单选项1"/>
    	radio单选项2<input type="radio" name="radio9" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio9" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio9" value="radio单选项4"/>
    	<span class="tipmsg">$("input[name='radio9']:checked").index();//获取选中项的索引(这里用索引似乎也不大恰当,值是从1开始,不是0)</span>
      </div>
      
      <h3>获取radio某值的index</h3><hr>
      <div>
        <label>input单选10组:</label>
        radio单选项1<input type="radio" name="radio10" value="radio单选项1"/>
    	radio单选项2<input type="radio" name="radio10" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio10" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio10" value="radio单选项4" checked="checked"/>
    	<span class="tipmsg">$("input[name='radio10'][value=radio单选项2]").index();//获取radio某值的index()</span>
      </div>
      
      <h3>获取radio某索引对应的值</h3><hr>
      <div>
        <label>input单选11组:</label>
        radio单选项1<input type="radio" name="radio11" value="radio单选项1" checked="checked"/>
    	radio单选项2<input type="radio" name="radio11" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio11" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio11" value="radio单选项4"/>
    	<span class="tipmsg">$("input[name='radio11']").eq(3).val();//获取radio某索引的值</span>
      </div>
        
      <h3>删除radio某值的项</h3><hr>
      <div>
        <label>input单选12组:</label>
        radio单选项1<input type="radio" name="radio12" value="radio单选项1" checked="checked"/>
    	radio单选项2<input type="radio" name="radio12" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio12" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio12" value="radio单选项4"/>
    	<span class="tipmsg">$("input[name='radio12'][value=radio单选项2]").remove();//删除值对应的项,后面项的index序号依次减1</span>
      </div>
      
      <h3>禁用radio</h3><hr>
      <div>
        <label>input单选13组:</label>
        radio单选项1<input type="radio" name="radio13" value="radio单选项1" checked="checked"/>
    	radio单选项2<input type="radio" name="radio13" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio13" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio13" value="radio单选项4"/>
    	<span class="tipmsg"></span>
      </div>
      
      <div>
        <label>input单选14组:</label>
        radio单选项1<input type="radio" name="radio14" value="radio单选项1" checked="checked"/>
    	radio单选项2<input type="radio" name="radio14" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio14" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio14" value="radio单选项4"/>
    	<span class="tipmsg"></span>
      </div>
      
      <div>
        <label>input单选14组:</label>
        radio单选项1<input type="radio" name="radio14" value="radio单选项1" checked="checked"/>
    	radio单选项2<input type="radio" name="radio14" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio14" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio14" value="radio单选项4"/>
    	<span class="tipmsg">禁用的radio可用js操作</span>
      </div>
      
      <div>
        <label>input单选15组:</label>
        radio单选项1<input type="radio" name="radio15" value="radio单选项1" checked="checked"/>
    	radio单选项2<input type="radio" name="radio15" value="radio单选项2"/>
    	radio单选项3<input type="radio" name="radio15" value="radio单选项3"/>
    	radio单选项4<input type="radio" name="radio15" value="radio单选项4"/>
    	<span class="tipmsg">js操作radio的checked和disabled属性值可用true和false值来代替添加、移除checked属性;但请别给true和false加上引号,引号内为任意值都是给radio添加checked属性;</span>
      </div>
      
      <div class="tipmsg">
      radio没有readonly属性
      </div>
    
    </form>
    
    <script src="./jquery-1.x.min.js"></script>
    <script>
    $(function(){
      //$("input:radio[name='radio1'][value=radio单选项2]").attr("checked","checked");
      $("input[name='radio1'][value=radio单选项2]").attr("checked","checked");
      $(".radio2[value=radio单选项3]").attr("checked","checked");
      $("#radio3[value=radio单选项2]").attr("checked","checked");//id必须在同一页面必须是唯一的,但同一单选组
      $("input[name='radio5']").eq(2).attr("checked","checked");
      $("input[name='radio6']:first").attr("checked","checked");
      $("input[name='radio7']:last").attr("checked","checked");
      $("input[name='radio8']").change(function(){
    	var val = $("input[name='radio8']:checked").val();
    	alert(val);
      });
      
      $("input[name='radio9']").change(function(){
    	var val = $("input[name='radio9']:checked").index();
    	alert(val);
      });
      
      var index1 = $("input[name='radio10'][value=radio单选项2]").index();
      //alert("radio10单选组值为‘radio单选项2’的项为:"+index1);//
      
      var val1 = $("input[name='radio11']").eq(3).val();
      //alert("radio11单选组索引3的值为:"+val1);//
      
      //$("input[name='radio12'][value=radio单选项2]").remove();
      var index2 = $("input[name='radio12'][value=radio单选项4]").index();
      //alert(index2);//
      
      //$("input[name='radio13']").eq(2).prop("disabled","disabled");//禁用某项,当然选择器也可以换成某值对应的项;
      $("input[name='radio13']").prop("disabled","disabled");//禁用整组radio
      $("input[name='radio13']").eq(2).attr("checked","checked");//禁用后不可切换选中项,但js可操作
      //$("input[name='radio13']").removeProp("disabled");//移除radio禁用
      
      $("input[name='radio14']").prop("disabled","disabled");
      $("input[name='radio14']").eq(3).attr("checked","checked");
      
      //$("input[name='radio15']").eq(0).prop("checked",true);
      //$("input[name='radio15']").eq(0).prop("checked",false);//测试checked可用false,true;
      $("input[name='radio15']").eq(0).prop("disabled",true);
      $("input[name='radio15']").eq(0).prop("disabled",false);//测试disabled可用false,true;
    });
    </script>
    </body>
    </html>
    展开全文
  • 单选框 radio&lt;div class="radio-inline"&gt; &lt;input type="radio" name="killOrder" value="1"/&gt; &lt;label for="killOrder1"&...

    单选框 radio

    <div class="radio-inline">
      <input type="radio"  name="killOrder" value="1"/>
      <label for="killOrder1"></label>
    </div>
    <div class="radio-inline">
      <input type="radio"  name="killOrder" value="0" checked/>
      <label for="killOrder2"></label>
    </div>

    1.获取值

        $("input[name='killOrder']:checked").val();

        $('input:radio:checked').val();

        $("input[type='radio']:checked").val();

        $(":radio[checked]").each(function(radio){alert($(this).val());

    2.设置第一个Radio为选中值:


        $('input:radio:first').attr('checked', 'checked');


        $('input:radio:first').attr('checked', 'true');

    3.设置最后一个Radio为选中值:


        $('input:radio:last').attr('checked', 'checked');


        $('input:radio:last').attr('checked', 'true');


    4.根据索引值设置任意一个radio为选中值:


        $('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....


        $('input:radio').slice(1,2).attr('checked', 'true');


    5.根据Value值设置Radio为选中值


        $("input:radio[value='2']").attr('checked','true');


        $("input[value='1']").attr('checked','true');


    6.删除Value值为2的Radio


    $("input:radio[value='2']").remove();


    7.删除第几个Radio


    $("input:radio").eq(索引值).remove();索引值=0,1,2....


    如删除第3个Radio:$("input:radio").eq(2).remove();


    8.遍历Radio


    $('input:radio').each(function(index,domEle){

         //写入代码

    });


    9.修改单选框样式

    input[type="radio"] + label::before {
        content: "\a0";
        display: inline-block;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        margin-right: 5px;
        border-radius: 50%;
        text-indent: .15em;
        margin-bottom: 4px;
        border: 1px solid #CCCCCC;
    }
    input[type="radio"]:checked + label::before {
        background-color: #4A90E2;
        background-clip: content-box;
        padding: 2px;
    }
    input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }
    .radio-inline{
        padding-left: 0;
    }
    input[type=radio][disabled]:checked + label::before{
        background-color:#CCCCCC;
        background-clip: content-box;
        padding: 2px;

    }



    展开全文
  • radio类型

    千次阅读 2016-12-12 23:20:23
    如果创建多个radio,并且想要多个radio属于同一个group(即:单选功能),需要设值radio的name属性,并且name具有相同的value,如果不这样设置,则radio具有复选功能。 下面是一个radio的小例子: function ...

    html中的input控件中radio类型的相关设置
    radio包含有id,name,value, checked等属性,如下
    <input type="radio" id="test" name="test" checked="checked">
    如果创建多个radio,并且想要多个radio属于同一个group(即:单选功能),需要设值radio的name属性,并且name具有相同的value,如果不这样设置,则radio具有复选功能。
    <input type="radio" id="test" name="test" value="test 1" >
    <input type="radio" id="test" name="test" value="test 2">
    下面是一个radio的小例子:
    <script type="text/javascript">
    function doclick(){
        String id = document.getElementsByName("test");
        for(var i=0;i<id.length; i++){
            var radio=id[i];
            alert(radio.value);
        }
    }
    </script>
     
    <body>
        <input type="radio" id="test" name="test" value="test 1" > test 1
        <input type="radio" id="test" name="test" value="test 2">  test 2
        <br>
        <input type="button" id="btn"   value = "Select" οnclick="doclick();">
     
    </body>

    点击button之后会依次输出每个radio的value的值。

    在jsp中设置radio的checked属性
    <%
    String test="test 1";
    %>
     
    <input type="radio" id="test" name="test" value="test 1"
     <%=test.equals("test 1")?Checked:""%>> test 1 
    <input type="radio" id="test" name="test" value="test 2"
    <%=test.equals("test 2")?Checked:""%>>  test 2 
    Checked 是checked="checked" 的缩写。这个就可以初始化checked属性。

    展开全文
  • Vue中的radio的使用方法

    万次阅读 2018-06-18 16:00:28
    &lt;html&gt;&lt;head&gt; &lt;script src='js/vue.js'&gt;&lt;/script&gt;&lt;/head&...input type='radio' id='wuhan' value='武汉' v-model='city'/&
    <html>
    <head>
    <script src='js/vue.js'></script>
    </head>
    <body>
    <div id="example">
    <input type='radio' id='wuhan' value='武汉' v-model='city'/>
    <label for='wuhan'>武汉</label>

    <input type='radio' id='xian' value='西安' v-model='city'/>
    <label for='xian'>西安</label>

    <input type='radio' id='hangzhou' value='杭州' v-model='city'/>
    <label for='hangzhou'>杭州</label><br>

    <span>欲望都市:{{ city }}</span>
    </div>
    </body>


    <script type='text/javascript'>
    new Vue({
    el: '#example',
    data: {
    flag: true,
    city: ''
    },
    methods: {

    },
    computed: {

    },
    created() {

    }
    });
    </script>
    </html>
    展开全文
  • html中radio、checkbox选中状态研究

    万次阅读 多人点赞 2017-06-17 22:10:45
    我们在web页面开发中经常需要让单选框、复选框进行选中或者不选中的操作,我们知道要让单选框或者复选框默认选中就需要添加checked属性,但是我们在js中使用jquery的attr可以在dom中添加checked属性但是页面却没有...
  • 项目用了easyui做扩展窗体,在使用过程中,发现easyui封装的radio组件在初始化时,无法从后台动态获取数据。所以自己封装了一个,直接看代码吧。 组件代码: //组件定义 var _Radio = { _options:{}, options...
  • element-ui 单选框radio组件源码分析,也是很常用的一个 单选框组件分为3部分 radio-group: 单选组,适用于多个互斥的选项中选择的场景 radio: 单选 radio-button: 按钮样式的单选 2可以单独使用,也可与1组合...
  • 实现一个单选组件 Radio 和 RadioGroup

    千次阅读 2019-06-18 02:28:11
    i-radio代码 <template> <label> <span> <input type="radio" :disabled="disabled" @change="change" ...
  • 微信小程序组件_小程序表单组件_radio radio-group 单项选择器,内部由多个&lt;radio/&gt;组成。 属性名 类型 默认值 说明 bindchange EventHandle   &lt;radio-group/&gt;...
  • 改变小程序的radio 原生样式,与checkbox 不同 再复选的时候可以用 checkbox .wx-checkbox-input.wx-checkbox-input-checked{ background: red } 来改变复选框选中的背景色 但是在单选radio 的的时候 radio ...
  • HTML中的radio单选按钮实现男女性别选择,普遍逻辑肯定是只能选择其中一个,要实现这个功能可以在<input>标签里加一个name属性,并设置name属性...input name="sex" type="radio" checked="checked"/>男 ...
  • 全程记录在ubuntu16.04下使用脚本从源文件安装gnuradio的过程,测试成果,给出终端输出信息,供新手参考。
  • 如果name相同,radio就只有最后一行能默认选中,把name去掉,radio就可以被默认选中,但是不能实现单选 ![图片说明](https://img-ask.csdn.net/upload/201512/18/1450404319_227510.png) ``` ,width:80,...
  • gnuradio

    2014-11-16 12:59:34
    在深入学习gnuradio之前你需要知道的 学习GNU Radio需要有一定电脑基础和深入的通信与信号处理知识,本文列举了一些有用的资源,包括教程、网页链接和一些在线教程。本教程的目的是帮助GNU Radio爱好者们为这个令...
  • GNU Radio 流程图编程(基于 GNU Radio Companion 平台)

    千次阅读 多人点赞 2019-03-24 11:27:05
    GNU Radio 流程图编程(基于 GNU Radio Companion 平台)0x00. GNU Radio 介绍0x01. 打开 GNU Radio0x02. 使用搜索功能寻找相应的模块0x03. 添加一个新的模块0x04. 修改模块的参数0x05. 建立信号流程图0x06. 对 GUI ...
  • GNU Radio教程(一)

    万次阅读 2016-07-22 09:44:27
    GNU Radio是一个设计框架,用户可以用来设计、模拟和部署的真实高效无线电系统。这是一个高度模块化,自带flowgraph流程图,集成处理各种信号的库,可以很方便的将各个模块结合到一起来处理复杂的信号。 GNU Radio...
  • var s = '<input type="radio" value="1">分行'+ '<input type="radio" value="2">支行'+ '<input type="radio" value="3">网点'; return s; } t.treegrid('endEdit', editingId); var row = ...
  • &lt;!DOCTYPE html&gt; &lt;html&gt;  &lt;head&gt;  &lt;TITLE&gt; ZTREE DEMO &lt;/TITLE&gt;  &lt;meta http-equiv="content-type"... 
  • <div id="uniform-optionsRadios4" class="radio"><span class=""><input name="optionsRadios" id="optionsRadios4" value="option1" checked="" type="radio"></span></div> Option 1 <label class="radio-...
  • 自定义vue radio控件

    千次阅读 2018-01-20 17:05:30
    如何使用vue自定义radio控件? 背景 原生浏览器的radio控件的样式谁用谁知道,一个字丑! 所以今天要使用vue之间封装一个美美哒的radio控件. 实现功能 自定义v-model,使组件之间数据能够进行双向绑定. 使用...

空空如也

1 2 3 4 5 ... 20
收藏数 203,708
精华内容 81,483
关键字:

radio