নির্বাচিত রেডিও বোতামটির মান কীভাবে পাবেন?

Question

আমি রেডিও বোতামের একটি গ্রুপ থেকে নির্বাচিত মান পেতে চাই।

এখানে আমার এইচটিএমএল:

<div id="rates">
  <input type="radio" id="r1" name="rate" value="Fixed Rate"> Fixed Rate
  <input type="radio" id="r2" name="rate" value="Variable Rate"> Variable Rate
  <input type="radio" id="r3" name="rate" value="Multi Rate" checked="checked"> Multi Rate  
</div>

এখানে আমার .js:

var rates = document.getElementById('rates').value;
var rate_value;
if(rates =='Fixed Rate'){
    rate_value = document.getElementById('r1').value;

}else if(rates =='Variable Rate'){
    rate_value = document.getElementById('r2').value;

}else if(rates =='Multi Rate'){
    rate_value = document.getElementById('r3').value;
}  

document.getElementById('results').innerHTML = rate_value;

আমি অপরিশোধিত হতে থাকি।

Comments

আপনি এখানে jQuery ব্যবহার করছেন না, তবে আপনি যদি কখনও চান, আপনি এটি ব্যবহার করতে পারেন:$("input[type='radio'][name='rate']:checked").val();

— GJK

আপনি কেন সেই বস্তুটি পরীক্ষা করতে পারবেন না? যাইহোক আপনার ব্যবহার করা দরকার.checked

— আমল এম কুলকার্নি

কর্মের ক্ষেত্রে রেডিও বোতামের নির্বাচিত মান পাওয়ার

— গোটো 0

আমি এটি নিশ্চিত কিনা তা নিশ্চিত নই, তবে ধারকটিতে রেডিও বোতাম লাগানো ভাল অভ্যাস <form></form>।

— কামিল

— জেএস

Answer 1

var rates = document.getElementById('rates').value;

হারের উপাদানটি একটি div, সুতরাং এর কোনও মান থাকবে না। এখান থেকেই সম্ভবত undefinedএটি আসছে।

checkedসম্পত্তি আপনাকে বলতে হবে উপাদান নির্বাচন করা হয় কিনা:

if (document.getElementById('r1').checked) {
  rate_value = document.getElementById('r1').value;
}

Comments

জিকুয়রিতে এটি থাকবেন$("input[name=rate]:checked").val()

— কামরান আহমেদ

আমি বুঝতে পারি না, একই আইডি সহ দুটি উপাদান রয়েছে?

— mzalazar

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

— ব্রোকো

মাহদ্বীপনার কোডের ঠিক উপরে (সহ [checked]) বৈশিষ্ট্যটি (অর্থাত্ প্রাথমিক অবস্থা) সন্ধান করে। পরিবর্তে আপনার ব্যবহার করা উচিত :checked, যা সম্পত্তিটির (যেমন বর্তমানের অবস্থা) সন্ধান করে এবং যা আপনি চান তা প্রায় সর্বদা।

— গ্রাস ডাবল

জাভাস্ক্রিপ্টে এটি হবেdocument.querySelectorAll("input[name=rate]:checked")[0].value

— ভিনসেন্ট ম্যাকনাব

Answer 2

এটি IE9 এবং উপরের এবং অন্যান্য সমস্ত ব্রাউজারে কাজ করে।

document.querySelector('input[name="rate"]:checked').value;

Comments

অবশ্যই আপনাকে জিজ্ঞাসা করতে হবে ক্যোয়ারী নির্বাচনকারী বাতিল করে দেয় কিনা। যদি কোনও রেডিও বোতাম চেক না করা হয় তবে এটিই ঘটে।

— রবার্ট

@ কামরান আহমেদ: আপনার jQuery সমাধানটি অনেক বড় ব্যয় নিয়ে আসে।

পার্থিকগোসর: আইই 8 :checkedনির্বাচনকারীকে সমর্থন করে না ।

মনে রাখবেন চারপাশে উদ্ধৃতি চিহ্নগুলি rateপ্রয়োজন নেই।

— mbomb007

@ কামরানআহমেড অবধি এবং যদি না আপনি উপরের প্রোফাইলটি এবং / বা কলটির পিছনে বাস্তবায়নটি পরীক্ষা করতে না পারেন তবে আপনি নেটিভ কোডকে কল করে এমন কোনও অনেলনারের বিষয়ে আপনি যতটা বলতে পারবেন তার চেয়ে উপরে আপনি আরও কিছু বলতে পারবেন না no ব্রাউজার কীভাবে :checkedউপাদান (গুলি) সনাক্ত করতে পরিচালনা করে তা অনুমান করার মতো পর্যাপ্ত তথ্য আমাদের কাছে নেই - সম্ভবত এটিতে "হ্যাশড এবং ক্যাশেড" সবকিছু রয়েছে এবং এটি একটি O(1)অপারেশন। আপনি পৃষ্ঠায় থাকা উপাদানের সংখ্যার সাথে ক্যোয়ারির সময় বাড়ার মতো কিছু নির্দেশ করার জন্য এটি প্রোফাইল না দিয়ে বা আপনি এর পিছনে ব্রাউজারের উত্স কোডটি না বুঝলে আপনি বলতে পারবেন না।

— amn

Answer 3

আপনি checkedসম্পত্তি ব্যবহার করে মান পেতে পারেন ।

var rates = document.getElementsByName('rate');
var rate_value;
for(var i = 0; i < rates.length; i++){
    if(rates[i].checked){
        rate_value = rates[i].value;
    }
}

Comments

শুধুমাত্র একটি রেডিও চেক করা যায় তা প্রদত্ত, আমি সাধারণত ব্লকের অভ্যন্তরে একটি breakবা returnবিবৃতি আশা ifকরে লুপের মাধ্যমে অতিরিক্ত পাসগুলি বন্ধ করতে পারি। একটি ছোটখাটো পয়েন্ট, তবে ভাল স্টাইল।

— রবপি

এটি এই প্রশ্নের জন্য সবচেয়ে পরিষ্কার ভ্যানিলা বাস্তবায়ন। যশ!

— সিওয়ারারিওর 404

Answer 4

আপনার পক্ষে প্রান্তে বসবাসকারী লোকেরা:

এখন রেডিওনোডলিস্ট নামে কিছু আছে এবং এর মান সম্পত্তিতে অ্যাক্সেস করা বর্তমানে চেক করা ইনপুটটির মান ফিরিয়ে দেবে। এটি পোস্ট করা উত্তরের অনেকটিতে যেমন দেখেছি তেমনি 'চেক করা' ইনপুট ফিল্টার করার প্রয়োজনীয়তা সরিয়ে ফেলবে।

উদাহরণ ফর্ম

<form id="test">
<label><input type="radio" name="test" value="A"> A</label>
<label><input type="radio" name="test" value="B" checked> B</label>
<label><input type="radio" name="test" value="C"> C</label>
</form>

চেক করা মানটি পুনরুদ্ধার করতে, আপনি এরকম কিছু করতে পারেন:

var form = document.getElementById("test");
alert(form.elements["test"].value);

এটি প্রমাণ করতে জেএসফিডাল: http://jsfiddle.net/vjop5xtq/

দয়া করে নোট করুন এটি ফায়ারফক্স 33 এ প্রয়োগ করা হয়েছিল (অন্যান্য সমস্ত বড় ব্রাউজার এটি সমর্থন করে বলে মনে হচ্ছে)। পুরানো ব্রাউজারগুলির এটির RadioNodeListসঠিকভাবে কাজ করার জন্য একটি পলফিলের প্রয়োজন হবে

Comments

form.elements["test"].valueক্রোমে [সংস্করণ 49.0.2623.87 মি] তে খুব ভাল কাজ করে।

— ইভান হু

এটি একটি ফর্ম হতে হবে, উদাহরণস্বরূপ একটি ডিভ ব্যবহার করতে পারবেন না। অন্যথায় এটি এফএফ 71.0 এ কাজ করছে।

— অ্যান্ড্রু

Answer 5

আমার জন্য কাজ করা একজনটি api.jquery.com থেকে নীচে দেওয়া হয়েছে।

এইচটিএমএল

<input type="radio" name="option" value="o1">option1</input>
<input type="radio" name="option" value="o2">option2</input>

জাভাস্ক্রিপ্ট

var selectedOption = $("input:radio[name=option]:checked").val()

পরিবর্তনশীল নির্বাচিত বিকল্পটিতে নির্বাচিত রেডিও বোতামের (যেমন) o1 বা o2 এর মান থাকবে

Answer 6

আর একটি (আপাতত পুরানো) বিকল্পটি হ'ল বিন্যাসটি ব্যবহার করা: "ডকুমেন্ট.নেমঅফফরমফরম.নামফফআইআইএনপুট.ভ্যালু;" যেমন ডকুমেন্ট.মাইনফর্ম.ড্রেস.ভ্যালু;

document.mainForm.onclick = function(){
    var radVal = document.mainForm.rads.value;
    result.innerHTML = 'You selected: '+radVal;
}

<form id="mainForm" name="mainForm">
    <input type="radio" name="rads" value="1" />
    <input type="radio" name="rads" value="2" />
    <input type="radio" name="rads" value="3" />
    <input type="radio" name="rads" value="4" />
</form>
<span id="result"></span>

আপনি কোনও ফর্মের মধ্যে উপাদানটির নাম দিয়ে উল্লেখ করতে পারেন। আপনার মূল এইচটিএমএলে যদিও কোনও ফর্ম উপাদান নেই।

ফিডল এখানে (ক্রোম এবং ফায়ারফক্সে কাজ করে): https://jsfiddle.net/ জোশ_শিল্ডস/23kg3tf4/1 /

Comments

এটি অনেক পুরানো লিগ্যাসি ডিওএম ফর্ম্যাট এবং এটি নির্দিষ্ট উপাদানগুলিতে সীমাবদ্ধ এবং বর্তমান মানগুলির সাথে তাল মিলিয়ে না রাখার কারণে আর ব্যবহার করা উচিত নয়।

— j08691

@ j08691 আহ ঠিক আছে আমাকে জানাতে ধন্যবাদ। এটি একটি বিশ্ববিদ্যালয়ের ক্লাসে আমি শিখেছি of সেখান থেকে কোনও কিছুতে বিশ্বাস না করা এবং এর পরিবর্তে কেবলমাত্র অনলাইনে রেফারেন্স ব্যবহার করা ভাল।

— জেএইচএস

"... বর্তমান মানগুলির সাথে তাল মিলিয়ে চলবে না।" একটি বিশ্বাসযোগ্য যুক্তি নয়। সম্প্রসারিত করুন. যদি এটি কাজ করে তবে এটি কাজ করে। এটি গৃহীত উত্তরের চেয়ে কম লাইনও যা কেবলমাত্র নির্বাচিত বিকল্পটি 'স্থির হার' কিনা তা নির্ধারণ করে।

— জেরো-ও-

উপরের ফিডলটি সাফারি ব্রাউজার (7.1.4) এর সাথে কাজ করছে বলে মনে হচ্ছে না। মানটি অপরিশোধিত হিসাবে দেখায়, রেডিও বোতামের স্থিতি পরিবর্তন করলে তা প্রভাবিত হয় না।

— স্টুয়ার্ট আর জেফেরিস

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

— মিকাতো

Answer 7

ব্যবহারের document.querySelector ( 'ইনপুট [টাইপ = রেডিও]: পরীক্ষিত') মান;। নির্বাচিত চেকবাক্সের মান পেতে, আপনি নাম = লিঙ্গ ইত্যাদির মান পেতে অন্যান্য বৈশিষ্ট্যগুলি ব্যবহার করতে পারেন দয়া করে নীচের স্নিপেটটি অবশ্যই দেখুন এটি আপনার পক্ষে সহায়ক হবে,

সমাধান

document.mainForm.onclick = function(){
    var gender = document.querySelector('input[name = gender]:checked').value;
    result.innerHTML = 'You Gender: '+gender;
}

<form id="mainForm" name="mainForm">
    <input type="radio" name="gender" value="Male" checked/>Male
    <input type="radio" name="gender" value="Female" />Female
    <input type="radio" name="gender" value="Others" />Others
</form>
<span id="result"></span>

ধন্যবাদ

Answer 8

এইচটিএমএল কোড:

<input type="radio" name="rdoName" value="YES"/> <input type="radio" name="rdoName" value="NO"/>

জ্যাকুরি কোড:

var value= $("input:radio[name=rdoName]:checked").val();

$("#btnSubmit").click(function(){
var value=$("input:radio[name=rdoName]:checked").val();
console.log(value);
alert(value);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="rdoName" value="YES"/> YES
<input type="radio" name="rdoName" value="NO"/> NO
<br/>
<input type="button"id="btnSubmit"value="Which one Selected"/>

তুমি পাবে

value="YES" //if checked Radio Button with the value "YES"
value="NO" //if checked Radio Button with the value "NO"

Answer 9

জাভাস্ক্রিপ্টে আমরা getElementById()পোস্ট করা উপরের কোডে আইডির " " ব্যবহার করে মানগুলি পেতে পারি আপনার আইডির নাম নেই যাতে আপনি এটির মতো পরিবর্তন করতে পারেন

if (document.getElementById('r1').checked) {
  rate_value = document.getElementById('r1').value;
}

আপনার কোড অনুসারে এই হার_মূল্যটি ব্যবহার করুন

Answer 10

প্রশ্নটি জিজ্ঞাসা করার এক বছর বা তার পরে গেছে, তবে আমি ভেবেছিলাম যে উত্তরগুলির যথেষ্ট উন্নতি সম্ভব হয়েছিল। আমি এটি সবচেয়ে সহজ এবং বহুমুখী স্ক্রিপ্টটি পেয়েছি কারণ এটি একটি বোতাম চেক হয়েছে কিনা তা পরীক্ষা করে দেখেছে এবং যদি তাই হয় তবে এর মানটি কী:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Check radio checked and its value</title>
</head>
<body>

    <form name="theFormName">
        <input type="radio" name="theRadioGroupName" value="10">
        <input type="radio" name="theRadioGroupName" value="20">
        <input type="radio" name="theRadioGroupName" value="30">
        <input type="radio" name="theRadioGroupName" value="40">
        <input type="button" value="Check" onclick="getRadioValue('theRadioGroupName')">
    </form>

    <script>
        function getRadioValue(groupName) {
            var radios = theFormName.elements[groupName];
            window.rdValue; // declares the global variable 'rdValue'
            for (var i=0; i<radios.length; i++) {
                var someRadio = radios[i];
                if (someRadio.checked) {
                    rdValue = someRadio.value;
                    break;
                }
                else rdValue = 'noRadioChecked';
            }
            if (rdValue == '10') {
                alert('10'); // or: console.log('10')
            }
            else if (rdValue == 'noRadioChecked') {
                alert('no radio checked');
            }
        }
    </script>
</body>
</html>

আপনি অন্য ফাংশনটির মধ্যেও এই ফাংশনটিকে কল করতে পারেন:

function doSomething() {
    getRadioValue('theRadioGroupName');
    if (rdValue == '10') {
        // do something
    }
    else if (rdValue == 'noRadioChecked') {
        // do something else
    }  
} 

Answer 11

আপনার ফর্মের উপাদানটি myFormনীচে ভেরিয়েবল দ্বারা উল্লেখ করা হয়েছে এবং আপনার রেডিও বোতামগুলি "আমার-রেডিও-বাটন-গোষ্ঠী-নাম" নামটি ভাগ করে নিচ্ছে তা নীচে খাঁটি জাভাস্ক্রিপ্ট এবং মান অনুসারে রয়েছে (যদিও আমি এটি সর্বত্র উপলব্ধ হতে চেক করি নি have ):

myForm.elements.namedItem("my-radio-button-group-name").value

উপরেরটি দ্বারা একটি চেক করা (বা নির্বাচিত, যেমন এটিও বলা হয়) রেডিও বোতাম উপাদানটির মান উত্পন্ন করবে , যদি থাকে বা nullঅন্যথায়। সমাধানটির ক্রুक्सটি হ'ল namedItemফাংশন যা বিশেষ করে রেডিও বোতামগুলির সাথে কাজ করে।

দেখুন HTMLFormElement.elements , HTMLFormControlsCollection.namedItem এবং বিশেষ করে RadioNodeList.value , যেমন namedItem সাধারণত একটি ফেরৎ RadioNodeListঅবজেক্ট।

আমি এমডিএন ব্যবহার করি কারণ এটি একটিকে কমপক্ষে একটি বৃহত্তর ডিগ্রি পর্যন্ত মান সম্মতি ট্র্যাক করার অনুমতি দেয় এবং কারণ অনেকগুলি WHWG এবং W3C প্রকাশনাগুলির চেয়ে এটি উপলব্ধি করা সহজ।

Comments

আমি যখন উত্তরটি লিখেছিলাম তখন আমি বিদ্যমান উত্তরের মাধ্যমে ঝাঁকিয়ে পড়েছি এবং আমি যা ভাগ করতে চাইছি তার সদৃশ এমন কোনও কিছুই দেখিনি। এখন আমি দেখতে পাচ্ছি যে আমি কমপক্ষে দুটি অনুরূপ সমাধান মিস করেছি। তবুও, আমি নিযুক্ত বিশেষ সিনট্যাক্স ব্যবহার করে কেউ তাদের কোড পরামর্শটি লিখেছিল না, তবে সাধারণ ধারণাটি একই is অবগতির জন্য। মুল বক্তব্যটি হ'ল এর RadioNodeListমতো form.elements[name]বা form[name](সম্ভবত কোনও জল্পনা) বা আমার উপরের সিনট্যাক্সের মাধ্যমে একটিটির রেফারেন্স অর্জন করা ।

— amn

Answer 12

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

<input type="radio" onclick="handleClick(this)" name="reportContent" id="reportContent" value="/reportFleet.php" >

যা কল:

var currentValue = 0;
function handleClick(myRadio) {
    currentValue = myRadio.value;
    document.getElementById("buttonSubmit").disabled = false; 
}

অতিরিক্ত সুবিধা হ'ল আমি ডেটা চিকিত্সা করতে পারি এবং / অথবা একটি বোতাম চেক করতে প্রতিক্রিয়া জানাতে পারি (এই ক্ষেত্রে, সাবমিট বোতামটি সক্ষম করে)।

Comments

onchangeপরিবর্তে আপনার ইভেন্টটি বাঁধাই করা উচিত , যদি ব্যবহারকারী কোনও কীবোর্ড ব্যবহার করে।

— জন ডিভোরাক

Answer 13

পূর্ববর্তী প্রস্তাবিত ফাংশনগুলির উন্নতি:

function getRadioValue(groupName) {
    var _result;
    try {
        var o_radio_group = document.getElementsByName(groupName);
        for (var a = 0; a < o_radio_group.length; a++) {
            if (o_radio_group[a].checked) {
                _result = o_radio_group[a].value;
                break;
            }
        }
    } catch (e) { }
    return _result;
}

Answer 14

খাঁটি জাভাস্ক্রিপ্টের সাথে আমার এই সমস্যাটি হ'ল চেক করা নোডটি খুঁজে পাওয়া, এর মানটি খুঁজে পাওয়া এবং অ্যারে থেকে পপ আউট করা।

var Anodes = document.getElementsByName('A'),
    AValue = Array.from(Anodes)
       .filter(node => node.checked)
       .map(node => node.value)
       .pop();
console.log(AValue);

মনে রাখবেন যে আমি তীর ফাংশন ব্যবহার করছি । কার্যকারী উদাহরণের জন্য এই ঝাঁকুনি দেখুন ।

Comments

tagName === 'INPUT'আপনি ব্যতীত অন্য কোনও ট্যাগে কাজ করছেন না তা নিশ্চিত করার জন্য আমি একটি চেক যোগ করব input।

— আটার্নাস

Answer 15

আপনি যদি jQuery ব্যবহার করছেন:

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

Answer 16

আপনি .find()পরীক্ষিত উপাদান নির্বাচন করতে ব্যবহার করতে পারেন :

var radio = Array.from(document.querySelectorAll('#rate input'))

var value = radio.length && radio.find(r => r.checked).value

Comments

আমি আরে.ফিন্ডকে জানতাম না, ভালোবাসি! কোনও উপাদান চেক না করা থাকলে এটি ভেঙে যাবে।

— পঙ্গি

Answer 17

<form id="rates">
  <input type="radio" name="rate" value="Fixed Rate"> Fixed
  <input type="radio" name="rate" value="Variable Rate"> Variable
  <input type="radio" name="rate" value="Multi Rate" checked> Multi
</form>

তারপর ...

var rate_value = rates.rate.value;

Comments

আপনি কীভাবে এই প্রশ্নের উত্তরটি ব্যাখ্যা করতে পারেন?

— 27:২od

" রেডিও বোতাম একটি গ্রুপ থেকে নির্বাচিত মান পেতে ": rates.rate.valueনাrates.value

— user7420100

এটি একটি সঠিক উত্তর। document.getElementById("rates").rate.value[বা]document.forms[0].rate.value

— আটকিকা 26'17

Answer 18

আইডি দ্বারা চেক মান:

var CheckedValues = ($("#r1").is(':checked')) ? 1 : 0;

Answer 19

পছন্দসই আউটপুট পেতে আমি jQuery.click ফাংশনটি ব্যবহার করেছি:

$('input[name=rate]').click(function(){
  console.log('Hey you clicked this: ' + this.value);

  if(this.value == 'Fixed Rate'){
    rate_value = $('#r1').value;
  } else if(this.value =='Variable Rate'){
   rate_value = $('#r2').value;
  } else if(this.value =='Multi Rate'){
   rate_value = $('#r3').value;
  }  

  $('#results').innerHTML = rate_value;
});

আশা করি এটা সাহায্য করবে.

Answer 20

var myform = new FormData(getformbywhatever); myform.get("rate");
উপরের বোতামগুলি কোয়েরিলেক্টর একটি ফর্মে থাকলে আরও ভাল সমাধান। তবে এই পদ্ধতিটি বোঝা সহজ, বিশেষত যদি আপনার সিএসএস সম্পর্কে কোনও ধারণা না থাকে। এছাড়াও, ইনপুট ক্ষেত্রগুলি যাইহোক কোনও ফর্মে আসার সম্ভাবনা রয়েছে।
পরীক্ষা করে দেখুন না, অনুরূপ অন্যান্য সমাধান রয়েছে, পুনরাবৃত্তির জন্য দুঃখিত

Answer 21

var rates = document.getElementById('rates').value;

পরিবর্তে ব্যবহার হিসাবে একটি রেডিও বোতামের মান পেতে পারে না

rate_value = document.getElementById('r1').value;

Comments

একটি HTML ট্যাগ ব্যবহার document.getElementById ( 'R1') মান পেতে innerHtml।

— জেমস Cluade

Answer 22

আপনি যদি এটি ব্যবহার করে থাকেন JQueryতবে দয়া করে গ্রুপের রেডিও বোতামগুলির জন্য বেলো স্নিপেট ব্যবহার করুন।

var radioBtValue= $('input[type=radio][name=radiobt]:checked').val();

Answer 23

সহজভাবে ব্যবহার করুন: document.querySelector('input[rate][checked]').value

Comments

আমার পক্ষে কাজ করেনি; পবন থেকে উপরে একটি অনুরূপ বাক্য গঠন দেখুন যা তা করেছে। যেমনটি রয়েছেdocument.querySelector('input[name = rate]:checked').value

— টিম এরিকসন

Answer 24

   var rates=document.getElementsByName("rate");
            for (i = 0; i < rates.length; i++) {
            if (rates[i].checked) {
              console.log(rates[i].value);
              rate=rates[i].value;
              document.getElementById("rate").innerHTML = rate;
              alert(rate);
              
            }
          }

        <div id="rates">
          <input type="radio" id="r1" name="rate" value="Fixed Rate"> Fixed Rate
          <input type="radio" id="r2" name="rate" value="Variable Rate"> Variable Rate
          <input type="radio" id="r3" name="rate" value="Multi Rate" checked="checked"> Multi Rate  
        </div>
        </br>
        <div id='rate'>
        </div>

Answer 25

আপনি উপাদানগুলির জন্য প্রতিটি-লুপের সাহায্যে বোতামগুলি দিয়ে লুপ করতে পারেন

    var elements = document.getElementsByName('radioButton');
    var checkedButton;
    console.log(elements);
    elements.forEach(e => {
        if (e.checked) {
            //if radio button is checked, set sort style
            checkedButton = e.value;
        }
    });

Answer 26

https://codepen.io/anon/pen/YQxbZJ

এইচটিএমএল

<div id="rates">
<input type="radio" id="x1" name="rate" value="Fixed Rate"> Fixed Rate
<input type="radio" id="x2" name="rate" value="Variable Rate" 
checked="checked"> Variable Rate
<input type="radio" id="x3" name="rate" value="Multi Rate" > Multi Rate
</div>

<button id="rdio"> Check Radio </button>
<div id="check">

</div>

জেএস

var x ,y;
var x = document.getElementById("check");
function boom()
{
if (document.getElementById("x1").checked)
  y = document.getElementById("x1").value;

else if(document.getElementById("x2").checked)
  y = document.getElementById("x2").value;

else if (document.getElementById("x3").checked)
  y = document.getElementById("x3").value;
else
  y = "kuch nhi;"
x.innerHTML = y;
}

var z = document.getElementById('rdio');
z.addEventListener("click", boom);`

Answer 27

পিএইচপি তে এটি খুব সহজ
এইচটিএমএল পৃষ্ঠা

Male<input type="radio" name="radio" value="male"><br/>
Female<input type="radio" name="radio" value="female"><br/>
Others<input type="radio" name="radio" value="other"><br/>
<input type="submit" value="submit">

ফর্ম থেকে পিএইচপি করার মান নিন

$radio=$_POST['radio'];<br/>
use php if(isset($_POST['submit']))<br/>
{<br/>
echo "you selected".$radio."thank u";<br/>
}