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 ...
随机推荐
- 批处理测试局域网网络连通性ping1-255
for /l %%1 in (1 1 255)do ping /n 1 192.168.1.%%1 ##bat下 运行 for /l %i in (1,1,254) do ping -n ...
- Android开发面试题(一)
1.String和StringBuffer有什么本质区别? 本质区别:String字符串不可变,每次修改字符串必须要重新赋值(生成新的对象)才能修改:StringBuffer字符串可变,可以直接对字符 ...
- Silverlight独立存储
写 private void Button_Click_1(object sender, RoutedEventArgs e) { IsolatedStorageFile isf = Isolated ...
- linux的7种运行级别
Linux有7个运行级别(runlevel)运行级别0:系统停机状态,系统默认运行级别不能设为0,否则不能正常启动运行级别1:单用户工作状态,root权限,用于系统维护,禁止远程登陆运行级别2:多用户 ...
- java 语法糖
package syntax.autoCase; import java.util.Arrays; import java.util.List; public class autoCase { pub ...
- MySQL监控工具-orztop
先安装orzdba,链接:http://blog.itpub.net/28939273/viewspace-1875895/ 安装依赖的包:[root@hank-yoon servers]# yum ...
- 虚拟机Linux下找不到/dev/cdrom
问题描述: 笔者欲更新一下VMwareTools,结果发现虚拟机Linux上找不到设备"/dev/cdrom",当然也就不能通过命令"mount /dev/cdrom / ...
- [转]win7+ubuntu 13.04双系统安装方法
win7+ubuntu 13.04双系统安装方法 http://jingyan.baidu.com/article/60ccbceb18624464cab197ea.html 当需要频繁使用ubunt ...
- sharepoint 认证
MCPD http://www.microsoft.com/learning/en/us/mcpd-certification.aspx#fbid=YktyKIYXeFg Exam 70-573: T ...
- 模仿易信的UI
易信,它的UI还是很简洁,因此本人想模仿一下它,用了一天的时候来研究它的资源文件,终于被我写出来.先看下效果图吧. (一)首页的标题 main_title.xml <?xml v ...