1. 程式人生 > >【轉載】jquery實現勾選複選框觸發事件給input賦值+回顯複選框

【轉載】jquery實現勾選複選框觸發事件給input賦值+回顯複選框

JSP:

<td class="as1">
<input type="checkbox" name="gdzc" value="1"  id="t0" class="az"/><label for="t0" class="as">商品房</label><input type="checkbox" name="gdzc" value="2"  id="t1" class="az"/><label for="t1" class="as">土地</label><input type="checkbox" name="gdzc"
value="3"  id="t2" class="az"/><label for="t2" class="as">廠房</label><input type="checkbox" name="gdzc" value="4"  id="t3" class="az"/><label for="t3" class="as">企業產</label><input type="checkbox" name="gdzc" value="5"  id="t4" class="az"/><label for="t4" class="as"
>底商</label><input type="checkbox" name="gdzc" value="6"  id="t5" class="az"/><label for="t5" class="as">別墅</label><input type="checkbox" name="gdzc" value="7"  id="t6" class="az"/><label for="t6" class="as">寫字樓</label> <input class="txtValue"  type="hidden"
type="text" id="qwer" name="com_fixed_assets" value="${application.com_fixed_assets}"/> </td>

JS複選框:

$(function(){
var count = 0;
$(".as1 :checkbox").click(function(){
var txtvalue = $(this).val();
if ($(".txtValue").val() == ""){
if ($(this).prop("checked") == true){
var txtalso = $.trim(txtvalue);
} else {
var txtalso = "";
}
}else {

if ($(this).prop("checked") == true){
var txtalso = $.trim($(".txtValue").val()) + "," + $.trim(txtvalue);
}
else {

var txtelse = $.trim($(".txtValue").val());

var txtnow = $.trim(txtvalue);
var reg1 = "," + txtnow;
var reg2 = txtnow + ",";
var reg3 = txtnow;
var txtelse = txtelse.replace(reg1, "").replace(reg2, "").replace(reg3, "");
var txtalso = txtelse;
}
}
$(".txtValue").val(txtalso);
count++;
});
});

JS回顯:

$(function(){
    
    //當頁面載入完成的時候,自動呼叫該方法
    window.onload=function(){
          //獲得所要回顯的值
         var checkeds = $("#qwer").val();
        //拆分為字串陣列
        var checkArray =checkeds.split(",");
         //獲得所有的複選框物件
         var checkBoxAll = $("input[name='gdzc']");
         //獲得所有複選框的value值,然後,用checkArray中的值和他們比較,如果有,則說明該複選框被選中
         for(var i=0;i<checkArray.length;i++){
              //獲取所有複選框物件的value屬性,然後,用checkArray[i]和他們匹配,如果有,則說明他應被選中
           $.each(checkBoxAll,function(j,checkbox){
                 //獲取複選框的value屬性
                var checkValue=$(checkbox).val();
              if(checkArray[i]==checkValue){
                     $(checkbox).prop("checked",true);
                      }
             })
         }

}

相關推薦

轉載jquery實現觸發事件input+

JSP: <td class="as1"> <input type="checkbox" name="gdzc" value="1"  id="t0" class="az"/><label for="t0" class="as">商品房</label><

轉載jquery 滾動條插件jquery.slimscroll.js

query 推薦 page 默認 tor post w3c 設置 scrip 轉載http://www.w3cways.com/1910.html jquery.slimscroll.js插件是一個支持把內容放在一個盒子裏面,固定一個高度,超出的則使用滾動。 jquery.

轉載Java實現單例的5種方式

Java實現單例的5種方式【轉載】出處:https://blog.csdn.net/u014672511/article/details/797748471. 什麼是單例模式單例模式指的是在應用整個生命週期內只能存在一個例項。單例模式是一種被廣泛使用的設計模式。他有很多好處,

轉載jQuery獲取Select選擇的Text和 Value

原文地址:http://www.cnblogs.com/yaoshiyou/archive/2010/08/24/1806939.html jQuery獲取Select選擇的Text和Value:語法解釋:1. $("#select_id").change(function(){//code...});  

轉載移位實現的乘除法

移位實現的乘除法 移位實現的乘除法比直接乘除的效率高很多。 用移位實現乘除法運算    a=a*4;    b=b/4;    可以改為:    a=a<<2;    b=b>>2;    說明:    除2 = 右移1位 乘2 = 左移1位   

大二上期資料結構實驗記錄(二)初版C實現簡單一元多項式加減乘求導及代計算(有借鑑刪改)

想要記錄自己程式設計思維的成長所以發到部落格,歡迎並且感激大家指出缺點和錯誤! 一、【實驗構思(Conceive)】 本次實驗要求是用C或C++語言設計並實現一個一元稀疏多項式的簡單計算器,要求是要有如下功能 1、輸入並建立多項式 2、輸出多項式,序列按指數降序

筆記網易微專業-Web安全工程師-04.WEB安全實戰-7.SQL註入

load 拼接 cti 欺騙 源碼 數據庫連接 exec numeric webshell 我們之前提到當忘記一個網站的密碼時,可以嘗試萬能密碼:用戶名處輸入admin‘--,其實這就是利用了SQL註入漏洞。 SQL註入(SQL Injection):是指攻擊者通過註入惡意

bootstrapValidatorbootstrapValidator對隱藏域驗證,外掛不能捕獲“程式事件”解決方案

1. 賦值之後觸發一次“change”事件 //bootstrapValidator這個外掛不能捕獲這樣的“程式賦值事件”,所以這裡不能達到驗證的效果。 //解決辦法:賦值之後觸發一次“change”事件 $("#result").val(result).change(); 2.e

jqueryinput val()方法

jquery給input賦值,val的三種用法 val()方法 定義和用法 val() 方法返回或設定被選元素的值。 元素的值是通過 value 屬性設定的。該方法大多用於 input 元素。 如果該方法未設定引數,則返回被選元素的當前值。 <input

JQuery實現彈窗下底部頁面禁止滑動轉載

原文  http://blog.it985.com/22788.html 主題 jQuery 在專案開發過程中,經常會遇到帶有彈窗的頁面,尤其是在移動端。在沒有特別要求的情況下,彈窗彈出後,彈窗下的底部頁面依然能夠滑動。為了得到更好的使用者體驗,需要做到觸發彈窗

javawebJQ實現的全與全不

需求:針對複選框,實現全選和全不選的操作 步驟分析:1. 匯入JQ的包                   2. 文件載入完成函式: 頁面初始化         &n

jQueryjQuery實現checkbox的全/反邏輯

在開發過程中,會遇到需要進行一個checkbox對多個checkbox進行全選/反選的邏輯 假如有一個網頁,是這樣的 <input id='selectAll'/><l

轉載對一致性Hash算法,Java代碼實現的深入研究

困難 之前 存在 itl ger 正常 我不 操作 算法實現 原文地址:http://www.cnblogs.com/xrq730/p/5186728.html 一致性Hash算法 關於一致性Hash算法,在我之前的博文中已經有多次提到了,MemCache超詳細解讀一

Selenium2+python自動化74-jquery定位轉載

implicit 腳本 cnblogs ati dtc sch rom drive fail 轉至博客:上海-悠悠 前言 元素定位可以說是學自動化的小夥伴遇到的一道門檻,學會了定位也就打通了任督二脈,前面分享過selenium的18般武藝,再加上五種js的定位大法。 這些還

轉載學習C++ -> 類(Classes)的定義與實現

人的 博文 有一個 能夠 基本數據 ntp 一是 簡單 空間 一、"類" 的介紹 在C++中, 用 "類" 來描述 "對象", 所謂的"對象"是指現實世界中的一切事物。那麽類就可以看做是對相似事物的抽象, 找到這些不同事物間的共同點, 如自行車和摩托車, 首先他們都屬

轉載失利的童鞋們·沒有一個節點叫失敗

記得 不能 不難 tarjan google div 準備 童鞋 屏幕 我想我十八年來記憶最深刻的夜晚,大概便是在吉林大學燥熱的宿舍裏,穿著橘黃色的短袖,努力咽下大口大口的雪碧。那天晚上我仰躺在吉大熱得幾乎不能入眠的床板上,一動不動,看夏夜裏打不盡的蚊子在慘白的天花板下飛過

Thumbnailatorjava 使用Thumbnailator實現等比例縮放圖片,旋轉圖片等轉載

strong class chm eight load angle true api ins Thumbnailator概述: Thumbnailator是與Java界面流暢的縮略圖生成庫。它簡化了通過提供一個API允許精細的縮略圖生成調整生產從現有的圖

轉載在C#中主線程和子線程如何實現互相傳遞數據

system generic ack tex href lin threading cti 利用 引用:https://blog.csdn.net/shuaihj/article/details/41316731 一、不帶參數創建Thread using System;

轉載Android基礎——實現安卓藍牙2.0模塊的通信功能

效果 and str action dem 就是 fonts 根據 一個 實現安卓藍牙2.0模塊的通信功能 事先說明: 安卓藍牙2.0的開發和BLE4.0的開發完全是不一樣的,不過很多設備都采用雙模藍牙,所以掌握2.0也是很有必要的 安卓藍牙需要手動申請定位權限,可

Linux下的TCP/IP程式設計----多播和廣播的實現 轉載Linux下的TCP/IP程式設計----多播和廣播的實現

【轉載】 出處:https://blog.csdn.net/wqc_CSDN/article/details/51588769 【轉載】Linux下的TCP/IP程式設計----多播和廣播的實現