//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. NSS_08 extjs表单验证

    Extjs做了非常好的表单验证功能, 使用起来非常方便. 系统内置了4种验证功能,分别是alpha, alphanumeric,url, email, 在程序中可以直接使用,(可以结合allowBla ...

  2. Easyui datebox控件打开页面就验证解决方法

    问题描述: datebox时间控件有些场景下默认值需要为空,但是为空的情况下打开页面会自动验证,十分影响美观. 实现原理: <input class="easyui-databox&q ...

  3. textarea 在光标处插入文字

    效果演示 // 欢迎访问cssfirefly.cnblogs.com html: <textarea id="text" style="width:500px;he ...

  4. (三)开始在OJ上添加签到功能

    在了解完OJ文件下的各个文件夹的主要作用后,我们开始往里面添加东西(其实只要知道各文件夹是干什么的后,添加东西也变得非常简单了) 一 在数据库中添加对应功能的字段. 我们这个学期才刚开数据库这门课,所 ...

  5. 一个统计目录文件大小的php函数

    早上刚到公司,头告诉我,抓紧写一个小函数,用来统计指定目录中文件大小,我了个去,动手吧,还好有点小基础,一会就完工了,哈哈.代码在下面咯. <? /** 统计目录文件大小的函数 @author  ...

  6. ECSHOP的订单状态在数据库中的表现(order_status, shipping_status, pay_status)

    echop的订单状态都是在ecs_order_info表中的字段里. 订单状态 未确认 取消 确认 已付款 配货中 已发货 已收货 退货 order_status 0 2 1 1 1 5 5 4 sh ...

  7. 常用ASCII 码对照表

    目前计算机中用得最广泛的字符集及其编码,是由美国国家标准局(ANSI)制定的ASCII码(American Standard Code for Information Interchange,美国标准 ...

  8. 轻量级远程调用框架-Hessian学习笔记-Demo实现

    Hessian是一个轻量级的remoting onhttp工具,使用简单的方法提供了RMI的功能. 相比WebService,Hessian更简单.快捷.采用的是二进制RPC协议,因为采用的是二进制协 ...

  9. Export Farm Solution wsp Files SharePoint 2007 and 2010

    [System.Reflection.Assembly]::LoadWithPartialName("Microsoft.SharePoint")$farm = [Microsof ...

  10. eclipse下如何关联android-support-v4.jar源码

    一.首先导入jar包 如果android-support-v4.jar包在libs目录下,先将它移除.然后点选中项目右键 --->properties-->javabuildpath--& ...