1. 程式人生 > >jQuery如何獲取複選框選中項後的文字

jQuery如何獲取複選框選中項後的文字

next() 獲得匹配元素集合中每個元素緊鄰的同胞元素。如果提供選擇器,則取回匹配該選擇器的下一個同胞元素。

<script src="http://code.jquery.com/jquery.min.js"></script>
<div style="text-align: left;margin-left: 20px;">
    <input type="checkbox" name="changeReason" value="1"/><span>    供應商工商註冊地變更導致註冊資訊變更</span><br/><br/>
    <input type="checkbox" name="changeReason" value="2"/><span>    供應商版本結構變更導致註冊資訊變更</span><br/><br/>
    <input type="checkbox" name="changeReason" value="3"/><span>    供應商被收購導致註冊資訊變更</span><br/><br/>
    <input type="checkbox" name="changeReason" value="4"/><span>    供應商收購其它企業導致註冊資訊變更</span><br/><br/>
    <input type="checkbox" name="changeReason" value="5"/><span>    供應商與其它企業合資導致註冊資訊變更</span><br/><br/>
<input type="button" value="測試">
</div>
<script>
$(function(){
    $("input[type='button']").click(function() {
        value = $.trim($("input:checkbox[name='changeReason']:checked").next().text());
        alert(value);
    });
});
</script>

相關推薦

jQuery如何獲取選中文字

next() 獲得匹配元素集合中每個元素緊鄰的同胞元素。如果提供選擇器,則取回匹配該選擇器的下一個同胞元素。<script src="http://code.jquery.com/jquery.m

jquery獲取中的值

<body> <div> 輸入框:<input type="text" id="in1" value="123"> 城市:<input type="checkbox" name="北京" value="bj" checked="che

動態給table增加獲取選中的資料

PS→無奈:失敗只是暫時停止成功,假如我不能,我就一定要;假如我要,我就一定能! html如下:  動態給以上table新增複選框,並且獲取選中資料的js如下: $(function(){ function initTableChec

jquery判斷選中狀態以及區分attr和prop

這篇文章主要介紹了jquery判斷複選框選中狀態以及區分attr和prop,感興趣的小夥伴們可以參考一下 最近專案中需要用jquery判斷input裡checkbox是否被選中,發現用attr()獲取不到複選框改變後的狀態,最後查資料發現jQuery 1.6以後新增加了prop()方法,借用官方

JavaBean獲取選中的內容

首先使用JavaScript方法獲取所有複選框選中內容,並組合為一個字串,該字串隨表單提交到伺服器,呼叫JavaBean方法將字串轉換為陣列,顯示在表格中。其中關鍵程式碼如下: 1.新建JavaB

js 獲取選中的值

一 單選框的值 程式碼: $("input[type='radio']:checked").val() 二 獲取多選框的值: 思路:利用name屬性值獲取checkbox物件,然後迴圈判斷checked屬性(true表示被選中,false表示未選中)。 1、HTML

jquery獲取checkbox的值

<%@ page language="java" contentType="text/html" import="java.util.*" pageEncoding="GBK"%><%String path = request.getContextPath();String baseP

jquery獲取選擇值,多個以逗號分隔

var effectModel = $("input:checkbox[name='effectModel']:checked").map(function(index,elem) {         return $(elem).val();     }).get().j

JS和後臺獲取(checkbox)選中文字內容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

jQuery操作checkbox技巧總結 ---- 設定選中、取消選中獲取選中的值、判斷是否中等

jQuery操作複選框checkbox技巧總結 --- 設定選中、取消選中、獲取被選中的值、判斷是否選中等 一、checked屬性定義 先了解下input標籤的checked屬性: 1、HT

jquery獲取input輸入中的值、radio單選中的值、checkbox選中的值

1)jquery獲取input輸入框中的值 如何用jquery獲取<input id="test" name="test" type="text"/>中輸入的值? $(" #test ").val() $(" input[ name='test' ] ").va

jquery 選中 取消 獲取狀態

$("#login-rem").attr("checked","checked") //設定選中 $("#login-rem").removeAttr("checked")//設定不選中 $("#login-rem").is(":checked")//獲取是否

獲取所有選中狀態的id

var id_array = new Array(); $('input:checkbox[name=item]:checked').each(function(){ id_array.push($(this).parents('

jquery和js分別實現獲取checkbox的值+jquery實現

//jquery實現全選 $(function(){ $("#checkAll").click(function(){ $(".checkOne").attr("checked",this.checked) }) }) //批量刪除jquery實現提示 function p_d

選中 獲取後面文字 顯示在div中 取消選中 則不顯示

 <div class="am-form-group"  style="height: auto; width: 30%;">                                         <label for="user-phone"

easyui 獲取 列表選中內容

//批量修改商戶返現比例 function cashbackPercentage(){var chk_value =[];var percentage  = $("#percentage").val();if( percentage=='' || percentage &l

.html(),.text()和.val()的使用,獲取選中的值

本節內容主要介紹的是如何使用jQuery中的.html(),.text()和.val()三種方法,用於讀取,修改元素的html結構,元素的文字內容,以及表單元素的value值的方法。jQuery中 為我們提供了多種方法用於對元素的HTML結構和元素的文字內容的操作,比如說

jquery獲取的值

js checkbox <mce:script src="jquery.js" mce_src="jquery.js"></mce:script><!--這是載入jquery.js文件,如果不使用jquery可以去掉--> <mce:script

使用jQuery完成的全和全不

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" s

Angular2可以使用的獲取(checkbox)的值的一種方法

樓主剛接觸angular2...需要實現一個checkbox,但是網上搜了很多資料都是angularJs的,基本不能通用,終於找到能用的方法,(不敢說合適),現在記錄如下: 樓主的checkbox是迴圈裡生成的,所以就以迴圈方法為例 如下是html程式碼,樓主的情景是勾選複選框框,然後批量刪