jquery抓取網頁內容 - jQuery獲取所選單選按鈕的值




html set title (14)

檢查它的工作正常的例子

<div class="dtl_radio">
  Metal purity : 
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="92" checked="">
    92 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="75">
    75 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="58.5">
    58.5 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="95">
    95 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="59">
    59 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="76">
    76 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="93">
    93 %
  </label>
   </div>

var check_value = $('.gold_color:checked').val();

問題陳述很簡單。 我需要看看用戶是否已經從收音機組中選擇了一個單選按鈕。 組中的每個單選按鈕共享相同的ID。

問題是我無法控制如何生成表單。 以下是單選按鈕控制代碼的示例代碼:

<input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

除此之外,當選擇一個單選按鈕時,它不會為控件添加一個“checked”屬性,只是檢查文本(我猜只是選中了沒有值的屬性) 。 以下是選定的無線電控制器的外觀

<input type="radio" checked name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

任何人都可以幫助我使用jQuery代碼,它可以幫助我獲得選中的單選按鈕的值嗎?


另一種簡單的理解方式...它的工作原理:

HTML代碼:

 <input type="radio" name="active_status" class="active_status" value="Hold">Hold 
 <input type="radio" name="active_status" class="active_status" value="Cancel">Cancel 
 <input type="radio" name="active_status" class="active_status" value="Suspend">Suspend

Jquery代碼:

$(document).on("click", ".active_status", function () {
 var a = $('input[name=active_status]:checked').val();  
 (OR)   
 var a = $('.active_status:checked').val();
 alert(a);
});

僅限姓名

$(function () {
    $('input[name="EventType"]:radio').change(function () {
        alert($("input[name='EventType']:checked").val());
    });
});

只需使用。

$('input[name=name_of_your_radiobutton]:checked').val();

它很容易。


獲取所有收音機:

var radios = $("input[type='radio']");

篩選以獲得檢查的那個

radios.filter(":checked");

要么

另一種方法可以找到單選按鈕的值

var RadeoButtonStatusCheck = $('form input[type=radio]:checked').val();

獲取所選單選按鈕的最簡單方法如下:

$("input[name='optradio']:checked").val();

在選擇器之間不應該使用空間。


解釋這個簡單主題的最好方法是給出簡單的示例和參考鏈接: -

在下面的例子中,我們有兩個單選按鈕。 如果用戶選擇任何單選按鈕,我們將在警告框中顯示選定的單選按鈕值。

HTML:

<form id="Demo">
<input type="radio" name="Gender" value="Male" /> Male <br />
<input type="radio" name="Gender" value="Female" /> Female<br />
<input type="radio" name="Gender" value="others" /> others <br />
</form>

jQuery的: -

 $(document).ready(function(){
        $('#Demo input').on('change', function() {
            alert($('input[name="Gender"]:checked', '#Demo').val());
        });
    });

試試這個例子

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1  /jquery.min.js"></script>
<form id="myForm">
<input type="radio" name="radio" value="first"/> 1 <br/>
<input type="radio" name="radio" value="second"/> 2 <br/>
</form>



<script>
$(document).ready(function () {
    $('#myForm').on('click', function () {
        var value = $("[name=radio]:checked").val();

        alert(value);
    })
});
</script>

這裡有2個單選按鈕,即rd1和Radio1

<input type="radio" name="rd" id="rd1" />
<input type="radio" name="rd" id="Radio1" /> 

通過檢查個人是否檢查哪個單選按鈕是最簡單的方法(“:checked”)屬性

if ($("#rd1").is(":checked")) {
      alert("rd1 checked");
   }
 else {
      alert("rd1 not checked");
   }

首先,你不能有多個具有相同ID的元素。 我知道你說過你無法控製表單是如何創建的,但是...試著以某種方式刪除收音機中的所有ID,或者使它們變得獨一無二。

要獲取所選單選按鈕的值,請使用:checked過濾器按名稱選擇它。

var selectedVal = "";
var selected = $("input[type='radio'][name='s_2_1_6_0']:checked");
if (selected.length > 0) {
    selectedVal = selected.val();
}

編輯

所以你無法控制名字。 在這種情況下,我會說這些單選按鈕都放在一個名為radioDiv的div中,然後稍微修改一下選擇器:

var selectedVal = "";
var selected = $("#radioDiv input[type='radio']:checked");
if (selected.length > 0) {
    selectedVal = selected.val();
}

 $("input[name='gender']:checked").val()

用於嵌套屬性

$("input[name='lead[gender]']:checked").val()

不要忘記名稱的單個括號


$("#radioID") // select the radio by its id
    .change(function(){ // bind a function to the change event
        if( $(this).is(":checked") ){ // check if the radio is checked
            var val = $(this).val(); // retrieve the value
        }
    });

確保將其包裝在DOM就緒函數( $(function(){...});$(document).ready(function(){...}); )中。


<input type="radio" class="radioBtnClass" name="numbers" value="1" />1<br/>
<input type="radio" class="radioBtnClass" name="numbers" value="2" />2<br/>
<input type="radio" class="radioBtnClass" name="numbers" value="3" />3<br/>

這將返回,檢查單選按鈕的值。

if($("input[type='radio'].radioBtnClass").is(':checked')) {
    var card_type = $("input[type='radio'].radioBtnClass:checked").val();
    alert(card_type);
}

HTML Code
<input id="is_verified" class="check" name="is_verified" type="radio" value="1"/>
<input id="is_verified" class="check" name="is_verified" type="radio" checked="checked" value="0"/>
<input id="submit" name="submit" type="submit" value="Save" />

Javascript Code
$("input[type='radio'].check").click(function() {
    if($(this).is(':checked')) {
        if ($(this).val() == 1) {
            $("#submit").val("Verified & Save");
        }else{
            $("#submit").val("Save");
        }
    }
});




siebel