Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript का उपयोग करके PHP में रेडियो बटन वैल्यू कैसे भेजें?

डॉक्यूमेंट में ID यूनिक होना चाहिए। नीचे दिया गया कोड दिखाता है कि jQuery का उपयोग करके चेक किए गए रेडियो बटन की वैल्यू कैसे प्राप्त करें और इसे PHP को भेजा जा सकता है।

कोड उदाहरण

// jQuery से चेक्ड रेडियो बटन की वैल्यू प्राप्त करें
var option_avail = $('input[name=option_avail]:checked', '#controls').val();

<label class="btn btn-primary active"> 
  <input type="radio" class="form-control" name="option_avail" value="Option_one" checked /> पहला विकल्प 
</label> 
<label class="btn btn-primary"> 
  <input type="radio" class="form-control" name="option_avail" value="Option_two" /> दूसरा विकल्प 
</label> 
<label class="btn btn-primary"> 
  <input type="radio" class="form-control" name="option_avail" value="Option_three" /> तीसरा विकल्प 
</label>

PHP में डेटा भेजने के तरीके:

  1. AJAX ($.post या $.ajax) - बिना पेज रीलोड के डेटा भेजें
  2. फॉर्म सबमिशन - ट्रेडिशनल फॉर्म सबमिट के साथ
  3. Fetch API - मॉडर्न JavaScript तरीका

AJAX उदाहरण:

$.post('process.php', { option: option_avail }, function(response) {
  console.log('सर्वर प्रतिक्रिया:', response);
});

महत्वपूर्ण नोट्स:

  • सभी रेडियो बटन्स का name एक ही होना चाहिए ताकि वे एक ग्रुप बनाएं
  • :checked सेलेक्टर केवल चुने गए रेडियो बटन को चुनता है
  • वैल्यू प्राप्त करने के लिए .val() मेथड का उपयोग करें
  1. JavaScript में बटन क्लिक पर नाम कैसे जोड़ें और हटाएं? JavaScript में बटन क्लिक पर नाम कैसे जोड़ें और हटाएं?

    उदाहरण addEventListener() और remove() का उपयोग करके डायनामिकली नाम जोड़ें और हटाएं। { var actualName = givenName.value; if (actualName.length != 0) { var createAnHTMLList = `${actualName}Remove Name`; listOfName.innerHTML += createAnHTMLList;

  1. JavaScript में बटन क्लिक पर टेक्स्ट फील्ड को खाली कैसे करें? JavaScript में बटन क्लिक पर टेक्स्ट फील्ड को खाली कैसे करें?

    उदाहरण onclick इवेंट और value = से टेक्स्ट फील्ड क्लियर करें। <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </head> <body> <input

  1. JavaScript में सरणी का उपयोग करके रेडियो बटन डायनामिकली बनाना JavaScript में सरणी का उपयोग करके रेडियो बटन डायनामिकली बनाना

    सरणी का उपयोग करके डायनामिकली रेडियो बटन बनाने के लिए, createElement() और appendChild() की अवधारणा का उपयोग करें।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>