JQuery ile hangi radyo d├╝─čmesinin se├žildi─čini nas─▒l bilebilirim?


Al─▒nan cevaba git


─░ki tane radyo butonum var ve se├žili olan─▒n de─čerini kaydetmek istiyorum. JQuery ile de─čeri nas─▒l alabilirim?

Hepsini b├Âyle alabilirim:

 $("form :radio")
 

Hangisinin se├žildi─čini nas─▒l bilebilirim?


2566





2009-02-27




Cevap say─▒s─▒n─▒ say: 30






De─čerini almak i├žin se├žilen radioName kimli─če sahip bir formun ├Â─če myForm :

 $('input[name=radioName]:checked', '#myForm').val()
 

─░┼čte bir ├Ârnek:

 $('#myForm input').on('change', function() {
   alert($('input[name=radioName]:checked', '#myForm').val()); 
}); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
  <input type="radio" name="radioName" value="1" /> 1 <br />
  <input type="radio" name="radioName" value="2" /> 2 <br />
  <input type="radio" name="radioName" value="3" /> 3 <br />
</form> 


3798







Bunu kullan..

 $("#myform input[type='radio']:checked").val();
 

394







Bir radyo d├╝─čmesi grubuna zaten bir referans─▒n─▒z varsa, ├Ârne─čin:

 var myRadio = $("input[name=myRadio]");
 

filter() Fonksiyonunu kullan─▒n , de─čil find() . ( find() alt / alt ├Â─čelerin yerini belirlemek i├žindir, oysa filter() se├žiminizdeki ├╝st d├╝zey ├Â─čeleri arar.)

 var checkedValue = myRadio.filter(":checked").val();
 

Notlar: Bu cevap ba┼člang─▒├žta o find() zamandan beri de─či┼čmi┼č gibi g├Âr├╝nmesi tavsiye edilen ba┼čka bir cevab─▒ d├╝zeltti . find() Hala bir konteyner eleman─▒na referansta bulundu─čunuz durum i├žin faydal─▒ olabilir, ancak radyo d├╝─čmelerine de─čil, ├Ârne─čin:

 var form = $("#mainForm");
...
var checkedValue = form.find("input[name=myRadio]:checked").val();
 

291







Bu ├žal─▒┼čmal─▒:

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

Girdi ├ževresinde kullan─▒lan "" ifadesini not al─▒n: i┼čaretli ve Peter J'nin ├ž├Âz├╝m├╝ gibi '' de─čil


136







─░┼čaretli se├žiciyi, radyo se├žiciyle birlikte kullanabilirsiniz.

  $("form:radio:checked").val();
 

77







Yaln─▒zca boolean de─čeri istiyorsan─▒z, yani i┼čaretliyse veya denemiyorsan─▒z:

 $("#Myradio").is(":checked")
 

53


2013-08-30





T├╝m radyolar─▒ al:

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

Kontrol edileni almak i├žin filtreleyin

 radios.filter(":checked")
 

52







Ba┼čka bir se├ženek:

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

47







 $("input:radio:checked").val();
 

30







Formu nas─▒l yazaca─č─▒m─▒ ve kontrol edilen radyonun nas─▒l ele al─▒naca─č─▒n─▒ a┼ča─č─▒da a├ž─▒klayaca─č─▒m.

MyForm adl─▒ bir form kullanarak:

 <form id='myForm'>
    <input type='radio' name='radio1' class='radio1' value='val1' />
    <input type='radio' name='radio1' class='radio1' value='val2' />
    ...
</form>
 

Formdan de─čeri al─▒n:

 $('#myForm .radio1:checked').val();
 

Formu g├Ândermiyorsan─▒z, ┼čunu kullanarak daha da basitle┼čtiririm:

 <input type='radio' class='radio1' value='val1' />
<input type='radio' class='radio1' value='val2' />
 

Ard─▒ndan kontrol edilen de─čeri almak:

     $('.radio1:checked').val();
 

Girdide s─▒n─▒f ad─▒ olmas─▒, giri┼čleri kolayca bi├žimlendirmeme izin veriyor ...


24







Benim durumumda bir bi├žimde iki radyo butonum var ve her butonun durumunu bilmek istedim. Bu a┼ča─č─▒da benim i├žin ├žal─▒┼čt─▒:

 // get radio buttons value
console.log( "radio1: " +  $('input[id=radio1]:checked', '#toggle-form').val() );
console.log( "radio2: " +  $('input[id=radio2]:checked', '#toggle-form').val() );


     
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="toggle-form">
  <div id="radio">
    <input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">Plot single</label>
    <input type="radio" id="radio2" name="radio"/><label for="radio2">Plot all</label>
  </div>
</form> 


23







Bir de JSF ├╝retilen radyo d├╝─čmesi (kullanarak <h:selectOneRadio> etiketi), bunu yapabilirsiniz:

 radiobuttonvalue = jQuery("input[name='form_id\:radiobutton_id']:checked").val();
 

selectOneRadio kimli─či radiobutton_id ve form kimli─či form_id'dir .

JQuery bu niteli─či kulland─▒─č─▒ndan ( yerine JSF kontrol kimli─čine benzeyen ad otomatik olarak ├╝retilir) , kimli─čin yerine ad kullan─▒ld─▒─č─▒ndan emin olun .


16







Ayr─▒ca, kullan─▒c─▒n─▒n bir ┼čey se├žip se├žmedi─čini kontrol edin.

 var radioanswer = 'none';
if ($('input[name=myRadio]:checked').val() != null) {           
   radioanswer = $('input[name=myRadio]:checked').val();
}
 

15


2011-11-15





Radyo d├╝─čmesi de─čerlerini ayarlamak ve almak i├žin bir jQuery eklentisi yazd─▒m. Ayn─▒ zamanda ├╝zerlerindeki "de─či┼čim" olay─▒na da sayg─▒ duyuyor.

 (function ($) {

    function changeRadioButton(element, value) {
        var name = $(element).attr("name");
        $("[type=radio][name=" + name + "]:checked").removeAttr("checked");
        $("[type=radio][name=" + name + "][value=" + value + "]").attr("checked", "checked");
        $("[type=radio][name=" + name + "]:checked").change();
    }

    function getRadioButton(element) {
        var name = $(element).attr("name");
        return $("[type=radio][name=" + name + "]:checked").attr("value");
    }

    var originalVal = $.fn.val;
    $.fn.val = function(value) {

        //is it a radio button? treat it differently.
        if($(this).is("[type=radio]")) {

            if (typeof value != 'undefined') {

                //setter
                changeRadioButton(this, value);
                return $(this);

            } else {

                //getter
                return getRadioButton(this);

            }

        } else {

            //it wasn't a radio button - let's call the default val function.
            if (typeof value != 'undefined') {
                return originalVal.call(this, value);
            } else {
                return originalVal.call(this);
            }

        }
    };
})(jQuery);
 

Eklentiyi etkinle┼čtirmek i├žin kodu herhangi bir yere koyun. O zaman tad─▒n─▒ ├ž─▒kar! Hi├žbir ┼čey bozmadan sadece varsay─▒lan val i┼člevini ge├žersiz k─▒lar.

Bu jsFiddle'─▒ eylemde denemek ve nas─▒l ├žal─▒┼čt─▒─č─▒n─▒ g├Ârmek i├žin ziyaret edebilirsiniz.

Keman


15







Tek bi├žimde birden fazla radyo d├╝─čmesine sahipseniz, o zaman

 var myRadio1 = $('input[name=radioButtonName1]');
var value1 = myRadio1.filter(':checked').val();

var myRadio2 = $('input[name=radioButtonName2]');
var value2 = myRadio2.filter(':checked').val();
 

Bu benim i├žin ├žal─▒┼č─▒yor.


14







  $(".Stat").click(function () {
     var rdbVal1 = $("input[name$=S]:checked").val();
 }
 

12







Bu iyi ├žal─▒┼č─▒yor

 $('input[type="radio"][class="className"]:checked').val()
 

├çal─▒┼čma demosu

:checked Selekt├Âr i├žin ├žal─▒┼č─▒r checkboxes , radio buttons ve ├Â─čeleri se├žin. Sadece se├žme elemanlar─▒ i├žin :selected se├žiciyi kullan─▒n .

─░├žin API :checked Selector


12







Bir s─▒n─▒f─▒ kullanan se├žili radyonun de─čerini almak i├žin:

 $('.class:checked').val()
 

11







Bu basit beti─či kullan─▒yorum

 $('input[name="myRadio"]').on('change', function() {
  var radioValue = $('input[name="myRadio"]:checked').val();        
  alert(radioValue); 
});
 

10







Bunu kullan:

 value = $('input[name=button-name]:checked').val();
 

10







DEMO : https://jsfiddle.net/ipsjolly/xygr065w/

 	$(function(){
	    $("#submit").click(function(){      
	        alert($('input:radio:checked').val());
	    });
	 }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
       <tr>
         <td>Sales Promotion</td>
         <td><input type="radio" name="q12_3" value="1">1</td>
         <td><input type="radio" name="q12_3" value="2">2</td>
         <td><input type="radio" name="q12_3" value="3">3</td>
         <td><input type="radio" name="q12_3" value="4">4</td>
         <td><input type="radio" name="q12_3" value="5">5</td>
      </tr>
    </table>
<button id="submit">submit</button> 


8







1 formda yaln─▒zca 1 radyo d├╝─čmesi setiniz varsa, jQuery kodu bu kadar basittir:

 $( "input:checked" ).val()
 

6







Bu konuda yard─▒mc─▒ olmak i├žin bir k├╝t├╝phane yay─▒mlad─▒m. T├╝m olas─▒ giri┼č de─čerlerini ├žeker, ancak ayn─▒ zamanda hangi radyo d├╝─čmesinin kontrol edildi─čini de i├žerir. Https://github.com/mazondo/formalizedata adresinden kontrol edebilirsiniz.

Size cevaplar─▒n js nesnesini verecek, ┼č├Âyle bir form:

 <form>
<input type="radio" name"favorite-color" value="blue" checked> Blue
<input type="radio" name="favorite-color" value="red"> Red
</form>
 

sana verece─čim:

 $("form").formalizeData()
{
  "favorite-color" : "blue"
}
 

5


2014-01-23





JavaScript dizisindeki t├╝m radyo d├╝─čmeleri de─čerlerini almak i├žin a┼ča─č─▒daki jQuery kodunu kullan─▒n:

 var values = jQuery('input:checkbox:checked.group1').map(function () {
    return this.value;
}).get();
 

4







dene-

 var radioVal = $("#myform").find("input[type='radio']:checked").val();

console.log(radioVal);
 

4







Bunu elde etmenin ba┼čka bir yolu:

  $("#myForm input[type=radio]").on("change",function(){
   if(this.checked) {
    alert(this.value);
    }
  }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
   <span><input type="radio" name="q12_3" value="1">1</span><br>
   <span><input type="radio" name="q12_3" value="2">2</span>
</form> 


3







JQuery formdaki t├╝m radyo d├╝─čmelerini ve kontrol edilen de─čeri almak i├žin.

 $.each($("input[type='radio']").filter(":checked"), function () {
  console.log("Name:" + this.name);
  console.log("Value:" + $(this).val());
});
 

3







 $(function () {
// Someone has clicked one of the radio buttons
var myform= 'form.myform';
$(myform).click(function () {
    var radValue= "";
    $(this).find('input[type=radio]:checked').each(function () {
        radValue= $(this).val();
    });
  })
});
 

2







G├Ânderen bu soruya , ┼×u anda se├žili eri┼čmek i├žin alternatif yol ile geldi input E─čer bir s├╝re varken click , ilgili etiket i├žin olay. Bunun nedeni, yeni se├žilmi┼č input olan─▒n label 'click' etkinli─čine kadar g├╝ncellenmemesidir .

TL; DR

 $('label').click(function() {
  var selected = $('#' + $(this).attr('for')).val();

  ...
});
 

 $(function() {
  // this outright does not work properly as explained above
  $('#reported label').click(function() {
    var query = $('input[name="filter"]:checked').val();
    var time = (new Date()).toString();

    $('.query[data-method="click event"]').html(query + ' at ' + time);
  });

  // this works, but fails to update when same label is clicked consecutively
  $('#reported input[name="filter"]').on('change', function() {
    var query = $('input[name="filter"]:checked').val();
    var time = (new Date()).toString();

    $('.query[data-method="change event"]').html(query + ' at ' + time);
  });

  // here is the solution I came up with
  $('#reported label').click(function() {
    var query = $('#' + $(this).attr('for')).val();
    var time = (new Date()).toString();

    $('.query[data-method="click event with this"]').html(query + ' at ' + time);
  });
}); 
 input[name="filter"] {
  display: none;
}
#reported label {
  background-color: #ccc;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.query {
  padding: 5px;
  margin: 5px;
}
.query:before {
  content: "on " attr(data-method)": ";
}
[data-method="click event"] {
  color: red;
}
[data-method="change event"] {
  color: #cc0;
}
[data-method="click event with this"] {
  color: green;
} 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="reported">
  <input type="radio" name="filter" id="question" value="questions" checked="checked">
  <label for="question">Questions</label>

  <input type="radio" name="filter" id="answer" value="answers">
  <label for="answer">Answers</label>

  <input type="radio" name="filter" id="comment" value="comments">
  <label for="comment">Comments</label>

  <input type="radio" name="filter" id="user" value="users">
  <label for="user">Users</label>

  <input type="radio" name="filter" id="company" value="companies">
  <label for="company">Companies</label>

  <div class="query" data-method="click event"></div>
  <div class="query" data-method="change event"></div>
  <div class="query" data-method="click event with this"></div>
</form> 


1







Yapmam gereken, C # kodunu basitle┼čtirmekti, ├Ân JavaScript'te m├╝mk├╝n oldu─ču kadar. Bir fieldset kab─▒ kullan─▒yorum ├ž├╝nk├╝ DNN'de ├žal─▒┼č─▒yorum ve kendi formu var. Yani bir form ekleyemiyorum.

Hangi metin kutusunun 3ÔÇÖ├╝n kullan─▒ld─▒─č─▒n─▒ test etmem gerekiyor ve ├Âyleyse, arama t├╝r├╝ nedir? De─čerle ba┼člar, De─čeri i├žerir, De─čerin Tam E┼čle┼čmesi.

HTML:

 <fieldset id="fsPartNum" class="form-inline">
<div class="form-group">
    <label for="txtPartNumber">Part Number:</label>
    <input type="text" id="txtPartNumber" class="input-margin-pn" />
</div>
<div class="form-group">
    <label for="radPNStartsWith">Starts With: </label>
    <input type="radio" id="radPNStartsWith" name="partNumber" checked  value="StartsWith"/>
</div>
<div class="form-group">
    <label for="radPNContains">Contains: </label>
    <input type="radio" id="radPNContains" name="partNumber" value="Contains" />
</div>
<div class="form-group">
    <label for="radPNExactMatch">Exact Match: </label>
    <input type="radio" id="radPNExactMatch" name="partNumber" value="ExactMatch" />
</div>
 

Ve JavaScript'im:

         alert($('input[name=partNumber]:checked', '#fsPartNum').val()); 
    if(txtPartNumber.val() !== ''){
        message = 'Customer Part Number';
    }
    else if(txtCommercialPartNumber.val() !== ''){

    }
    else if(txtDescription.val() !== ''){

    }
 

Sadece bir kimli─či olan herhangi bir i├žeren etiketi s├Âyleyerek kullan─▒labilir. DNNers i├žin bunu bilmek iyidir. Burada son hedef, SQL Server'da bir par├ža aramas─▒ ba┼člatmak i├žin gerekli olan orta seviye koduna ge├žmek.

Bu sayede daha karma┼č─▒k olan C # kodunu da kopyalamak zorunda kalm─▒yorum. A─č─▒r kald─▒rma burada yap─▒l─▒yor.

Bunun i├žin biraz bakmak zorunda kald─▒m ve ├žal─▒┼čabilmesi i├žin ona bakt─▒m. Yani di─čer DNNers i├žin, umar─▒m bu bulmak kolayd─▒r.


1



─░lgili yay─▒nlar


JQuery ile radyo d├╝─čmesini nas─▒l kontrol edilir?

Radyo d├╝─čmesinin JQuery ile kontrol edilip edilmedi─čini ├Â─črenmek?

JavaScript ile bir radyo d├╝─čmesinin se├žilip se├žilmedi─čini nas─▒l kontrol edebilirim?

Jquery Radyo d├╝─čmesi i┼čaretliyse

Hangi g├Ânder d├╝─čmesine t─▒kland─▒─č─▒n─▒ temel alan ana formu nas─▒l se├žerim?

Gruptaki hangi Radyo d├╝─čmesi kontrol edilir?

AngularJS - Radyo d├╝─čmesi se├žildi─činde tetiklenir

Bir radyo d├╝─čmesinin bir ge├ži┼č d├╝─čmesine benzemesi nas─▒l yap─▒l─▒r

Hangi HTML ├ľ─česinin Dikey Kayd─▒rma ├çubu─čuna Neden Oldu─čunu Nas─▒l Bilirsiniz?

Radyo d├╝─čmeleri jQuery'de kontrol edilmedi

Etiketle ilgili di─čer sorular [javascript]


T├╝m .pyc dosyalar─▒n─▒ bir projeden nas─▒l kald─▒r─▒r─▒m?

Bcrypt yerle┼čik tuzlara nas─▒l sahip olabilir?

JavaScript kullanarak Nesneyi Diziden Kald─▒rma

Karma ve ┼×ifreleme algoritmalar─▒ aras─▒ndaki temel fark

HTML dizelerinin yaz─▒lmam─▒┼č / yazd─▒r─▒lmam─▒┼č

Python'da exit () ve sys.exit () aras─▒ndaki fark

Windows Powershell'de Unix kuyruk e┼čde─čeri komutu

MySQL'in saat dilimini nas─▒l ayarlar─▒m?

Apple Push Bildirimleri'ni ayarlamak i├žin kullan─▒lan .pem dosyas─▒n─▒ olu┼čturun

Belirli bir Visual Studio s├╝r├╝m├╝yle Kod Derleyip Derlemedi─čimi Nas─▒l Alg─▒layabilirim?