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 ...
随机推荐
- centos下安装图像化界面
前面我们安装的centos系统多为没有图像化界面的命令行界面,为了安装oracle等工具,我们先为我们的centos安装图像化界面 使用命令为 yum groupinstall "Deskt ...
- PHP利用socket_bind函数切换IP地址采集数据
在利用PHP进行数据采集的过程中,通常会遇到IP被屏蔽或出现验证码的情况:为了能够继续采集,我们需要切换不同的ip,每访问一次,随机切换一个IP.当然也可以通过收集大量代理,通过切换代理的方式进行采集 ...
- jquery 在页面中三种写法
jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6.7.8浏览器,这样做的目的是为了兼容移动端开发.由于减少了一些代码,使得该版本比 jQuery 1.x ...
- CentOS安全设置
删除多余的用户和用户组,修改口令文件属性,禁止[Ctrl+Alt+Delete]重启命令,防止别人ping的方法.整理自互联网. 1.删除多余的用户和用户组 //删除多余用户 # vi /etc/pa ...
- Microsoft server software support for Microsoft Azure virtual machines
http://support.microsoft.com/kb/2721672/en-us Article ID: 2721672 - Last Review: November 22, 2014 ...
- Jquer Ajax xmlhttp请求成功了,为什么一直在error函数里面
转载自http://www.cnblogs.com/sky_Great/archive/2013/01/18/2866861.html 并进行整理: 今天遇到了一个极其奇怪的问题,用各种工具检查都能看 ...
- [css]兼容性
div +input 输入框 , 在微信中 有问题 块级元素 行内元素
- npm,grunt,less,sass,typescript
typescript http://www.typescriptlang.org sass http://sass-lang.com/ less http://lesscss.org/ bow ...
- auto和decltype
auto 1.编译器通过分析表达式的类型来确定变量的类型,所以auto定义的变量必须有初始值. auto i=; //ok,i为整型 auto j; //error,定义时必须初始化. j=; ...
- C#如何判断两个数组相等
/// <summary> /// 数组比较是否相等 /// </summary> /// <param name="bt1">数组1</ ...