//radio的chang事件,以及获取选中的radio的值
$("input[name=radioName]").on("change",
function() {
var val= this.value;
});
//初始化下拉框组件
function initSelect(id, data) {
var arr = [];
for (var i = 0,
len = data.length; i < len; i++) {
var item = data[i];
arr.push("<option value=\"" + item["val"] + "\" other=\"" + item["other"] + "\">" + item["text"] + "</option>");
}
var $select = $("#" + id);
$select.children().remove();
$select.append(arr.join(""));
}
//ajax请求
function ajax(url, msg, callback, paramArr) {
$.ajax({
url: url,
type: 'post',
dataType: 'json',
data: paramArr,
success: function(data) {
callback.call(null, data);
},
error: function() {
alert(msg);
}
});
}
//将左边的下拉框中选中项添加到右边的下拉框中;将右边下拉框中选中的项删除
function addOrDel(flag) {
var $left = $("#left");
var $right = $("#right");
if (flag == 0) {
//添加
var $select = $left.find("option:selected");
var $options = $right.children();
var optionArr = [];
for (var i = 0,
len = $options.length; i < len; i++) {
optionArr.push($options[i].value + "");
}
if ($select.length == 0) {
//当没有指标被选中时
alert("请先选择指标,再进行添加");
return;
}
var arr = [];
for (var i = 0,
len = $select.length; i < len; i++) {
var item = $select[i];
var val = item.value;
if ($.inArray(val, optionArr) != -1) {
//是否已存在【根据val查询】
continue;
}
var other= item.getAttribute("other");
arr.push("<option value=\"" + val + "\" other=\"" + other+ "\">" + (item.text + "[" + obj.getMc(other)) + "]" + "</option>");
}
$right.append(arr.join(""));
} else {
//删除
var $select = $right.find("option:selected");
if ($select.length == 0) {
//当没有选中的指标时
alert("请先选择指标,再进行删除");
return;
}
for (var i = 0,
len = $select.length; i < len; i++) {
//一个一个的删除
var item = $select[i];
$(item).remove();
}
}
}
//类---类别
var obj= {
arr: ["年", "季", "月"],
getMc: function(type) {
type--;
var arr = this.arr;
var len = arr.length;
if (type< 0 || type>= len) {
return "";
}
return arr[type];
}
};

JS操作Radio与Select的更多相关文章

  1. Jquery操作radio,checkbox,select表单操作实现代码

    一 .Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); / ...

  2. JS 操作 radio input(cc问卷管理)

    1.选中特定的单选按钮 function showDetail(content){ $("input[name^='radio']").removeAttr("check ...

  3. jQuery 操作 radio、select、checkbox

    <script type="text/javascript"> $(function () { 一.radio 1.获取选中值,三种方法都可以: $('input:ra ...

  4. js操作ListBox列表(select)内移动

    <script> function listBoxClick(obj, addName) { var $objSelected = $(obj).find("option:sel ...

  5. JS中Float类型加减乘除 修复 JQ 操作 radio、checkbox 、select LINQ to SQL:Where、Select/Distinct LINQ to SQL Count/Sum/Min/Max/Avg Join

    JS中Float类型加减乘除 修复   MXS&Vincene  ─╄OvЁ  &0000027─╄OvЁ  MXS&Vincene MXS&Vincene  ─╄Ov ...

  6. [转]jQuery操作radio、checkbox、select 集合.

    1.radio:单选框 html代码 <input type="radio" name="radio" id="radio1" val ...

  7. jQuery操作radio、checkbox、select 集合

    1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...

  8. jQuery操作radio、checkbox、select总结

    1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...

  9. js 操作select和option

    js 操作select和option 1.动态创建select function createSelect(){ var mySelect = document.createElement_x(&qu ...

随机推荐

  1. MySQL 性能优化

    内容简介:这是一篇关于mysql 性能,mysql性能优化,mysql 性能优化的文章.网上有不少mysql 性能优化方案,不过,mysql的优化同sql server相比,更为麻烦与负责,同样的设置 ...

  2. 【zendstudio】如何利用zendstudio新建 或导入php项目

    一.利用ZendStudio创建 PHP Project 1. 打开ZendStudio, 选择:File à New à PHP Project, 如下图所示: 于是弹出如下界面: 在”Projec ...

  3. Nginx+Tomcat动静分离

    需求:nginx处理用户请求的静态页面,tomcat处理用户请求jsp页面,来实现动态分离,nginx处理静态页面效率远高于tomcat,这样一来就能更好的提高并发,处理性能. 准备软件: 下载jdk ...

  4. Linux的网卡由eth0变成了eth1,如何修复?

    使用wmware安装了linux,安装成功后,使用的网卡是eth0,没有eth1.但是用过一段时间后,不知道为什么eth0无法使用,系统却自动生成了eth1网卡,这可以使用ifconfig命令看的到. ...

  5. ORA-00845

    系统版本: [root@yoon ~]# more /etc/oracle-releaseOracle Linux Server release 5.7 数据库版本: Oracle Database ...

  6. margin负值在页面布局中的应用

    http://www.w3school.com.cn/tiy/t.asp 预览工具 一.左右列固定,中间列自适应布局 此例适用于左右栏宽度固定,中间栏宽度自适应的布局.由于网页的主体部分一般在中间,很 ...

  7. (转) linux目录结构详细介绍

    转自:http://yangrong.blog.51cto.com/6945369/1288072 目录 1.树状目录结构图 2./目录 3./etc/目录 4./usr/目录 5./var/目录 6 ...

  8. cocos2dx中的假动作,又称动作回调函数

    1.动作与动画的区别 动作是:定时器+属性的改变,是帧循环的累积效应 动画是:帧图片的播放效果,我们知道电影的播放就是快速播放的胶片,这就是动画的原理 2.假动作:又称动作回调函数 四大类假动作: c ...

  9. 路由器开发板上的TTL线连接方法

    手头有个MTK双频路由器的开发板,做工良好,但让人蛋疼的是,TTL线没有标注TX/RX/GND/VCC,这个小细节的缺失给使用带来了巨大麻烦.   网上搜了半天也没找到相关电路图,只好遍历测试找到正确 ...

  10. 微信小程序、应用号、订阅号、服务号、企业号小总结

    微信小程序是现在微信推出的一个新的项目,但是很多人都不是很清楚微信小程序是怎么一回事,不明白到底怎样分别微信小程序和别的公众号.订阅号等的区别,那么让小编来给你介绍一下. 微信小程序目前是内侧阶段,是 ...