javascript - webcoachbd - জাভাস্ক্রিপ্ট লুপ




কিভাবে আমি জানতে পারি যে jQuery এর মাধ্যমে কোন রেডিও বাটন নির্বাচন করা হয়? (20)

আমার দুটি রেডিও বোতাম আছে এবং নির্বাচিত একটি এর মান পোস্ট করতে চাই। আমি কিভাবে jQuery সঙ্গে মান পেতে পারি?

আমি তাদের মত সব পেতে পারেন:

$("form :radio")

আমি কিভাবে জানি যে কোনটি নির্বাচন করা হয়?


আইডি myForm সঙ্গে একটি ফর্ম নির্বাচিত radioName আইটেম মান পেতে:

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

এখানে একটি উদাহরণ:

$('#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>


আপনার যদি শুধুমাত্র 1 ফর্মের রেডিও বোতামগুলির 1 সেট থাকে, তবে jQuery কোডটি এইরকম সহজ:

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

আপনি ইতিমধ্যে একটি রেডিও বাটন গ্রুপের একটি রেফারেন্স আছে, উদাহরণস্বরূপ:

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

filter() ফাংশন ব্যবহার করুন, find() না find() । ( find() হল শিশু / বংশগত উপাদানের সন্ধানের জন্য, যেখানে filter() আপনার নির্বাচনে শীর্ষ স্তরের উপাদান অনুসন্ধান করে।)

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

দ্রষ্টব্য: এই উত্তরটি মূলত অন্য উত্তরটি সংশোধন করা হয়েছে যা find() ব্যবহার করে সুপারিশ করা হয়েছে, যা যেহেতু পরিবর্তিত হয়েছে বলে মনে হচ্ছে। find() এখনও এমন অবস্থার জন্য উপযোগী হতে পারে যেখানে আপনি ইতিমধ্যে একটি ধারক উপাদানটির একটি রেফারেন্স পেয়েছেন তবে রেডিও বোতামগুলিতে নয়, উদাহরণস্বরূপ:

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

আপনি নির্বাচন করতে পারেন: নির্বাচন নির্বাচক বরাবর রেডিও নির্বাচক।

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

আমার যা করার দরকার ছিল তা সি # কোডটি সহজ করে তুলল, যা সামনের প্রান্তের জাভাস্ক্রিপ্টে যতটুকু সম্ভব। আমি একটি ফিলসেট কন্টেইনার ব্যবহার করছি কারণ আমি DNN এ কাজ করছি এবং এর নিজস্ব ফর্ম রয়েছে। তাই আমি একটি ফর্ম যোগ করতে পারবেন না।

আমি পরীক্ষা করতে হবে 3 টি কোনও টেক্সট বক্স ব্যবহার করা হচ্ছে এবং যদি তা হয়, অনুসন্ধানের ধরন কী? মান দিয়ে শুরু করে, মানটি মানটির সঠিক মিল ধারণ করে।

এইচটিএমএল:

<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>

এবং আমার জাভাস্ক্রিপ্ট হয়:

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

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

    }

শুধু একটি আইডি সহ ধারণকারী ধারণকারী ট্যাগ ব্যবহার করা যেতে পারে। DNNers এর জন্য, এটি জানা ভাল। এখানে শেষ লক্ষ্যটি এসকিউএল সার্ভারে অংশ অনুসন্ধান শুরু করার জন্য মধ্য-স্তরের কোডটি পাস করা হয়।

এইভাবে আমি আরও জটিল পূর্ববর্তী সি # কোড অনুলিপি করতে হবে না। ভারী উদ্ধরণ ডান এখানে করা হচ্ছে।

আমি এই জন্য একটি বিট তাকান এবং তারপর এটি কাজ পেতে এটি সঙ্গে tinker ছিল। তাই অন্যান্য DNNers জন্য, আশা করি এই সহজে খুঁজে পাওয়া যায়।


আমি এই সহজ স্ক্রিপ্ট ব্যবহার

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

আমি রেডিও-বাটন মান নির্ধারণ এবং পাওয়ার জন্য একটি jQuery প্লাগইন লিখেছি। এটা তাদের উপর "পরিবর্তন" অনুষ্ঠান সম্মান।

(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);

Addin সক্রিয় করতে যে কোন জায়গায় কোড রাখুন। তারপর ভোগ! এটা শুধু কিছু ভঙ্গ ছাড়া ডিফল্ট মান ফাংশন overrides।

আপনি এই কাজটি করার চেষ্টা করতে এই জেএসফিল্ডটি দেখতে পারেন এবং এটি কীভাবে কাজ করে তা দেখুন।

Fiddle


আরেকটি বিকল্প হল:

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

এই জরিমানা কাজ করে

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

কাজ ডেমো

:checked নির্বাচিত নির্বাচক checkboxes , radio buttons এবং নির্বাচন উপাদানগুলির জন্য কাজ করে। শুধুমাত্র নির্বাচিত উপাদানগুলির জন্য, :selected নির্বাচক ব্যবহার করুন।

জন্য API :checked Selector


একটি জেএসএফে তৈরি রেডিও বোতামে ( <h:selectOneRadio> ট্যাগ ব্যবহার করে), আপনি এটি করতে পারেন:

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

যেখানে নির্বাচন করুন অ্যানড্যাডিও আইডি radiobutton_id এবং ফর্ম আইডি form_id হয়

নির্দেশিত আইডি পরিবর্তে নামটি ব্যবহার করতে ভুলবেন না, কারণ jQuery এই বৈশিষ্ট্যটি ব্যবহার করে ( নাম স্বয়ংক্রিয়ভাবে JSF দ্বারা নিয়ন্ত্রণ আইডি দ্বারা উত্পন্ন হয়)।


এখানে আমি কীভাবে ফর্ম লিখব এবং চেক করা রেডিওটি হ্যান্ডেল করব।

MyForm নামক একটি ফর্ম ব্যবহার করে:

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

ফর্ম থেকে মান পান:

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

আপনি যদি ফর্মটি পোস্ট করেন না তবে আমি এটি ব্যবহার করে আরও সহজ করব:

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

তারপরে চেক করা মানটি হ'ল:

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

ইনপুট একটি ক্লাস নাম থাকার আমাকে সহজেই ইনপুট শৈলী দেয় ...


এছাড়াও, ব্যবহারকারী কিছু নির্বাচন না কিনা তা পরীক্ষা করে দেখুন।

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

এটা ব্যবহার কর..

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

এটা ব্যবহার কর:

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

জাভাস্ক্রিপ্ট অ্যারেতে সমস্ত রেডিও বোতাম মান উদ্ধার করতে নিম্নলিখিত jQuery কোডটি ব্যবহার করুন:

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

যদি আপনার একক ফর্মের মধ্যে একাধিক রেডিও বোতাম থাকে

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

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

এই আমার জন্য কাজ করছে।


সব রেডিও পান:

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

চেক করা এক পেতে ফিল্টার করুন

radios.filter(":checked")

ডেমো : 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>


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

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





radio-button