zoukankan      html  css  js  c++  java
  • js jquery radio 选中 选中值

    radio示例:

    <label><input type="radio" name="type" id="type" value="year" /></label>
    <label><input type="radio" name="type" id="type" value="month" checked/></label>
    <label><input type="radio" name="type" id="type" value="date" /></label><br />

    js操作

    // 获取dom
    var arrObj = document.getElementsByName("type");

    一,获取

    // 获取radio数量
    console.log(arrObj.length);
    // 获取选中radio的值
    for(var i = 0; i < arrObj.length; i++) {
        if(arrObj[i].checked) {
            console.log(arrObj[i].value);
        }
    }

    二,选中

    for(var i = 0; i < arrObj.length; i++) {
        // 选中某个value的选项
        if(arrObj[i].value == "year") {
            arrObj[i].checked = true;
        }
        // 选中第三个
        if(i == 2){
            //arrObj[i].checked = true;
            arrObj[i].checked = "checked";
        }
    }

    jQuery操作

    一,获取

    // 获取radio数量
    console.log($("input:radio[name='type']").length);
    // 获取选中radio的值
    console.log($("input:radio[name='type']:checked").val());

    二,选中

    // 选中某个value的选项
    $("input:radio[name='type'][value=year]").prop("checked", "checked");
    // 选中第几个选项
    $("input:radio[name='type']").eq(2).prop("checked", "checked");
    // 选中第一个,选中最后一个
    $("input:radio[name='type']:first").prop("checked", "checked");
    $("input:radio[name='type']:last").prop("checked", "checked");
    // extra:获取radio节点
    // 1.伪元素
    $("input:radio");
    // 2.type
    $("input[type='radio']");
    
    // extra:选中方式
    // 1.click
    $("input:radio[name='type'][value=year]").click();
    // 2.prop
    $("input:radio[name='type'][value=year]").prop("checked", "checked"); // 推荐
    $("input:radio[name='type'][value=year]").prop("checked", true);
  • 相关阅读:
    c#之静态构造函数和单例模式
    ugui之圆角矩形头像实现
    一些网站
    unity3d之实现各种滑动效果
    unity3d之切换场景不销毁物体
    unity3d之技能栏冷却
    unity3d之控制人物转向移动并播放动画
    vs常用快捷键
    构造函数的继承
    编写可维护的javascript 随笔
  • 原文地址:https://www.cnblogs.com/ooo0/p/8619692.html
Copyright © 2011-2022 走看看