जावास्क्रिप्ट jquery रेडियो बटन

Question

पर क्लिक करें मेरे पास 2 रेडियो बटन और jquery चल रहा है।

<input type="radio" name="lom" value="1" checked> first 
<input type="radio" name="lom" value="2"> second 

अब, एक बटन के साथ मैं एक फ़ंक्शन चलाने के लिए क्लिक कर सकता हूं। जब मैं उनमें से किसी एक पर क्लिक करता हूं तो रेडियो बटन को फ़ंक्शन चलाने का तरीका क्या है?

Answer 1

आप jQuery 1.3

के रूप में क्या आप

$("input[@name='lom']").change(function(){ 
    // Do something interesting here 
}); 

चाहते हैं के लिए .change उपयोग कर सकते हैं आपको अब आवश्यकता '@'। चयन करने के लिए सही तरीका है:

$("input[name='lom']") 

Answer 2

यह आपके आईडी = radioButtonContainerId आप अभी भी onClick तदनुसार का उपयोग करें और फिर जांच जो एक चयन किया जाता है कर सकते हैं और साथ एक कंटेनर में अपने रेडियो है, तो अच्छा

$(document).ready(function() { 
    $('input:radio').change(function() { 
     alert('ole'); 
    }); 
}); 

Answer 3

होना चाहिए कुछ फ़ंक्शंस चलाएं:

$('#radioButtonContainerId input:radio').click(function() { 
    if ($(this).val() === '1') { 
     myFunction(); 
    } else if ($(this).val() === '2') { 
     myOtherFunction(); 
    } 
    }); 

Answer 4

डीओएम खोज को प्रतिबंधित करना हमेशा अच्छा होता है। माता-पिता का भी उपयोग करना बेहतर है, ताकि संपूर्ण डोम को उलट नहीं किया जा सके।

IT IS VERY FAST

<div id="radioBtnDiv"> 
    <input name="myButton" type="radio" class="radioClass" value="manual" checked="checked"/> 
<input name="myButton" type="radio" class="radioClass" value="auto" checked="checked"/> 
</div> 



$("input[name='myButton']",$('#radioBtnDiv')).change(
    function(e) 
    { 
     // your stuffs go here 
    }); 

Answer 5

ऐसा करने के कई तरीके हैं। रेडियो बटन के चारों ओर एक कंटेनर होने पर अत्यधिक अनुशंसा की जाती है, लेकिन आप सीधे कक्षाओं पर भी कक्षा डाल सकते हैं।

<ul id="shapeList" class="radioList"> 
<li><label>Shape:</label></li> 
<li><input id="shapeList_0" class="shapeButton" type="radio" value="Circular" name="shapeList" /><label for="shapeList_0">Circular</label></li> 
<li><input id="shapeList_1" class="shapeButton" type="radio" value="Rectangular" name="shapeList" /><label for="shapeList_1">Rectangular</label></li> 
</ul> 

आप वर्ग द्वारा चयन कर सकते हैं:

$(".shapeButton").click(SetShape); 

या कंटेनर आईडी के आधार पर चयन करें: इस HTML के साथ

$("#shapeList").click(SetShape); 

या तो मामले में, घटना या तो रेडियो क्लिक करने पर ट्रिगर किया जाएगा बटन या उसके लिए लेबल, यद्यपि बाद के मामले में अजीब रूप से ("#shapeList" द्वारा चयन), लेबल पर क्लिक करने से कम से कम फ़ायरफ़ॉक्स में क्लिक फ़ंक्शन को दो कारणों से ट्रिगर किया जाएगा; कक्षा द्वारा चयन करना ऐसा नहीं करेगा।

SetShape एक समारोह है, और इस तरह दिखता है:

function SetShape() { 
    var Shape = $('.shapeButton:checked').val(); 
//dostuff 
} 

इस तरह, आप अपने बटन पर लेबल हो सकते हैं, और एक ही पेज है कि विभिन्न बातें करते हैं पर एक से अधिक रेडियो बटन सूचियों हो सकता है। आप बटन के मूल्य के आधार पर SetShape() में अलग-अलग व्यवहार सेट करके अलग-अलग चीजों में एक ही सूची में प्रत्येक अलग-अलग बटन भी कर सकते हैं।

Answer 6

<input type="radio" name="radio" value="creditcard" /> 
<input type="radio" name="radio" value="cash"/> 
<input type="radio" name="radio" value="cheque"/> 
<input type="radio" name="radio" value="instore"/> 

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