JS操作Radio与Select
//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的更多相关文章
- Jquery操作radio,checkbox,select表单操作实现代码
一 .Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); / ...
- JS 操作 radio input(cc问卷管理)
1.选中特定的单选按钮 function showDetail(content){ $("input[name^='radio']").removeAttr("check ...
- jQuery 操作 radio、select、checkbox
<script type="text/javascript"> $(function () { 一.radio 1.获取选中值,三种方法都可以: $('input:ra ...
- js操作ListBox列表(select)内移动
<script> function listBoxClick(obj, addName) { var $objSelected = $(obj).find("option:sel ...
- 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 ...
- [转]jQuery操作radio、checkbox、select 集合.
1.radio:单选框 html代码 <input type="radio" name="radio" id="radio1" val ...
- jQuery操作radio、checkbox、select 集合
1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...
- jQuery操作radio、checkbox、select总结
1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...
- js 操作select和option
js 操作select和option 1.动态创建select function createSelect(){ var mySelect = document.createElement_x(&qu ...
随机推荐
- Less 导入命令 @import
在这个less文件上想导入另一个less文件, 连在同级的文件里直接可用文件名 @import url('css.less')或@import rul(css) 连下级的文件 @import url( ...
- jQuery EasyUI 数据网格 - 启用行内编辑(转自http://www.runoob.com/jeasyui/jeasyui-datagrid-datagrid12.html)
可编辑的功能是最近添加到数据网格(datagrid)的.它可以使用户添加一个新行到数据网格(datagrid).用户也可以更新一个或多个行.本教程向您展示如何创建一个数据网格(datagrid)和内联 ...
- arduino入门学习实现语音控制LED灯
需要的准备的硬件arduino+PC+麦克风实现语音命令控制LED灯的亮灭. 首先需要将写好的arduino程序烧录到arduino uno主板中,下面是代码如下: int val;//定义变量val ...
- JS定时器实例解析
在javascritp中,有两个关于定时器的专用函数. 分别为:1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定 ...
- C# new的用法
在 C# 中,new 关键字可用作运算符.修饰符或约束. 1)new 运算符:用于创建对象和调用构造函数.这种大家都比较熟悉,没什么好说的了. 2)new 修饰符:在用作修饰符时,new 关键字可以显 ...
- C#实现发送邮件——核心部分代码
在KS系统中有个发送邮件的功能需要做上网查阅资料以后,通过自己的部分修改实现了发送邮件的功能话不多说先来个界面: 邮件发送分一下步骤: 1.smtp服务信息设置 2.验证发件人信息 3.添加附件 4. ...
- docker 感性介绍
Docker 允许开发者们将他们的应用打包放在云端的“容器”中,无需再修改就可以发布到任何流行的 Linux 机器上.由于采用沙盒机制,各应用之间没有任何接口,所以不用担心它们会相互干扰.也同样因为这 ...
- 实现iOS长时间后台的两种方法:Audiosession和VOIP(转)
分类: Iphone2013-01-24 14:03 986人阅读 评论(0) 收藏 举报 我们知道iOS开启后台任务后可以获得最多600秒的执行时间,而一些需要在后台下载或者与服务器保持连接的App ...
- 常用的机器学习&数据挖掘知识点【转】
转自: [基础]常用的机器学习&数据挖掘知识点 Basis(基础): MSE(Mean Square Error 均方误差),LMS(LeastMean Square 最小均方),LSM(Le ...
- 关于 iOS 刷新效果实现的思路 和 mac软件网址推荐
有一次面试,突然有个人问了我一个问题:MJRefresh的原理是什么? 我说这种效果可以有两种方法实现: 1. UIRefreshControl 2. 通过监听scrollview的偏移量,自定义 ...