zoukankan      html  css  js  c++  java
  • checkbox,select,radio 选取值,设定值,回显值

    获取一组radio被选中项的值
    var item = $(’input[@name=items][@checked]‘).val();
    获取select被选中项的文本
    var item = $(”select[@name=items] option[@selected]“).text();
    select下拉框的第二个元素为当前选中值
    $(’#select_id’)[0].selectedIndex = 1;


    radio单选组的第二个元素为当前选中值
    $(’input[@name=items]‘).get(1).checked = true;

    获取值:

    文本框,文本区域:$('#txt”).attr(”value”);
    多选框checkbox:$('#checkbox_id”).attr(”value”);
    单选组radio: $('input[@type=radio][@checked]“).val();
    下拉框select: $('#sel’).val();

    控制表单元素:
    文本框,文本区域:$('#txt”).attr(”value”,”);//清空内容
    $(”#txt”).attr(”value”,’11′);//填充内容

    多选框checkbox: $('#chk1″).attr(”checked”,”);//不打勾
    $(”#chk2″).attr(”checked”,true);//打勾
    if($(”#chk1″).attr(’checked’)==undefined) //判断是否已经打勾

    //单选框回显

    单选组radio: $("input[type=radio][name='ifUpdateMatPrice'][value='"+ifUpdateMatPrice+"']").attr("checked",'checked');//设置value=2的项目为当前选中项
    下拉框select: $(”#sel”).attr(”value”,'-sel3′);//设置value=-sel3的项目为当前选中项
    $(”1111 2222“).appendTo(”#sel”)//添加下拉框的option
    $(”#sel”).empty();//清空下拉框 

    //单选框回显

    js代码:

    var ifUpdateMatPrice=$("#echo_ifUpdateMatPrice").val();    //ifUpdateMatPrice 从jsp页面标签获取的值
    $("input[type=radio][name='ifUpdateMatPrice'][value='"+ifUpdateMatPrice+"']").attr("checked",'checked');

    jsp标签代码:

    <input type="hidden" id="echo_ifUpdateMatPrice" value="${Suppliers.ifUpdateMatPrice}">   //Suppliers通后台model.addAttribute("Suppliers", Suppliers);传到页面的

  • 相关阅读:
    Docker
    Docker
    Linux
    VUE- 前端插件
    小程序中实现 input 搜索框功能
    Vue 中用delete方式进行axios请求接口,请求状态码报415(Unsupported Media Type)
    关于小程序使用map组件,标记markers时报错误(ret is not defined)
    关于element 框架中table表格选中并切换下一页之前选中数据消失的问题
    vue切换路由时报错 uncaught(in promise) Navigation Duplicated 问题
    2019-09-09 JS面试题(持续更新中)
  • 原文地址:https://www.cnblogs.com/heganlin/p/6046873.html
Copyright © 2011-2022 走看看