使用Jquery獲取Bootstrap Radio Group當前選中的單選框的值

阿新 • • 發佈：2019-02-16

例如有以下的bootstrap radio buttons group

1234567891011

<div class="btn-group"id="color"data-toggle="buttons"><label class="btn btn-default"><input type="radio"class="toggle"value="1">紅色</label><label class="btn btn-default"><input type="radio"class="toggle"value 
="2">綠色</label><label class="btn btn-default"><input type="radio"class="toggle"value="3">藍色</label></div>

現在，我需要使用Jquery來獲取當前選中的顏色，怎麼操作呢？

在bootstrap裡，button group 也是用radio來模擬實現的，它封裝實現了實際的radio操作，所以我們可以直接用Jquery的選擇器來獲取radio的選中值，如下：

JavaScript

1	varselectedColor=$('#color input:radio:checked' ).val();

使用Jquery獲取Bootstrap Radio Group當前選中的單選框的值

例如有以下的bootstrap radio buttons group C# 1234567891011<div class="btn-group"id="color"data-toggle="buttons"><label cla

jquery獲取動態表中所有的單選框值

HTML程式碼，此處為動態生成的表： <table class="table table-striped table-bordered table-hover" id="testtable"> <thead align="center" styl

Jquery預設選中單選框radio第一個、選中指定值的單選框

// 頁面隱藏域的值 var platIdVal = $("#platIdVal").val(); // 如果platIdVal為空，說明沒有勾選單選框 if(platIdVal==null || platIdVal == ''){ // 預設選中平臺單選框的第一個 $(".admin-content-t

jquery 獲取當前頁面的radio單選框自定義引數

html程式碼 radio單選框 <td><input type="checkbox" value="${page.id }" name="caseids" class="caseids" p="${page.userid }" batchid="

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

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

jQuery獲取迴圈中的選中單選按鈕radio的值

1.<input type="radio" name="testradio" value="jquery獲取radio的值" />jquery獲取radio的值 2.<input type="radio" name="testradio" value="jquery獲取checkbox的值

Jquery單選框、複選框、下拉框動態設定預設項，及動態獲取選中項。

1.單選框Html程式碼：女男 <div class="col-sm-7"> <div class="rdio rdio-success col-sm-2">

jQuery獲取,遍歷和操作表單元素Select,checkbox,radio

jQuery獲取Select選擇的Text和Value: 語法解釋： 1. $("#select_id").change(function(){//code...}); //為Select新增事件，當選擇其中一項時觸發 2. var checkText=$("#sel

jquery獲取單選框radio的值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </hea

單選框radio總結（獲取值、設定預設選中值、樣式）

input[type="radio"] + label::before { content: "\a0"; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-ri

jquery 根據後臺傳過來的值動態設置下拉框、單選框選中

url selected ros info fun cte blog font function jquery 根據後臺傳過來的值動態設置下拉框、單選框選中 1 $(function(){ 2 var sex=$("#sex").val(); 3

JQuery單選框設置選中

dom true ttr val tro select sel 使用 jquery 使用$(selector).val(‘value‘).attr(‘checked‘,true),會導致DOM上所有的單選/復選的value都會變成 value 解決辦法：使用 $（“【nam

JQuery 當點擊input後，單選多選的選中狀態

選中如果 input 狀態 gpo 表現 div inpu blog 1.當點擊input元素，此元素的選中checked的值 = 此元素此時表現的選中與否的狀態。 eg:input元素開始是未選中，點擊後表現的是選中狀態，此元素的checked為true(和此元

jQuery獲取Select選擇的Text(文字資訊)和 Value屬性的值，select語法解釋;單選框和複選框

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

js javascript 根據後臺的值預設選中單選按鈕,radio,單選預設值,單選扭預設

js javascript 根據後臺的值預設選中單選按鈕,radio,單選預設值,單選扭預設 <html> <head> <title>初始化單選</title> <script>

jquery對radio單選框和CheckBox複選框的操作

radio單選：輸出選擇的值。 checkbox複選及全選：判斷是否為全選，輸出選擇的值。我用的jq版本為1.11版程式碼如下： html <body> <div id="select-only-one"> <input

單選框radio點選選中、取消選中

今天工作中遇到一個單選框需要做成複選框的那種效果，即點選選中、再點選取消，之所以不直接使用複選框，是因為樣式要求必須是圓的，當然百度一下網上也有不少能把複選框的方形變成圓形的方法，但粗略看一下其樣式調整還都是蠻複雜的。網上也有不少使用單選框+js實現相同效果的，最後我使用了

獲取select和select2當前選中項的值

var ID = $("#ID option:selected").val();//獲取value值 var ID = $("#ID option:selected").text();//獲取text值 select和select2使用都一樣

swt 根據點選響應獲取checkbutton列表中當前選中的checkbutton物件

這個其實很簡單，根據響應的SelectionEvent物件就可以獲得呼叫SelectionEvent的getSource()方法獲得響應發出的物件 checkButtonArray = new Button[dest_nodes.length]; for (int i=0

重寫radio單選框選中按鈕然後觸發其他事件

首先編寫下面日期資訊對應的程式碼如下 <input type="hidden" name="fdLoop" id="fdLoop" value="3" />  <input type="radio" name="rdL

使用Jquery獲取Bootstrap Radio Group當前選中的單選框的值

相關推薦