2009-04-01 10 views
7

मैं एक साधारण फॉर्म की सफाई कर रहा हूं जिसमें स्टार्ट डेट टेक्स्टबॉक्स और एंड डेट डेटबॉक्स है। मैं इन क्षेत्रों के बीच एक चेकबॉक्स जोड़ना चाहता हूं कि उपयोगकर्ता जांच कर सकता है कि अंतिम तिथि प्रारंभ तिथि के समान है, इसलिए जब वे इसे चेक करते हैं, तो प्रारंभ दिनांक इनपुट मान (उदाहरण के लिए, 04/01/09) स्वचालित रूप से दिखाई देगा एंड डेट टेक्स्टबॉक्स में, इसलिए उन्हें दो बार एक ही तारीख में टाइप करने की आवश्यकता नहीं है। क्या इसका कोई मतलब है?मैं jQuery का उपयोग कर चेकबॉक्स के माध्यम से एक टेक्स्टबॉक्स से दूसरे में इनपुट कैसे कॉपी करूं?

बीटीडब्ल्यू, मैं सेक्सी jquery datepicker UI का उपयोग कर रहा हूं, और यह मीठा है, लेकिन मैं उपरोक्त समस्या को समझ नहीं सकता।

मुझे पता है कि एक साधारण समाधान (घटना हैंडलर?) है लेकिन मैं स्टंप हो गया हूं।

उत्तर

12

इस कोड का प्रयास करें:

$("#checkboxId").click(copyDate); 

function copyDate() 
{ 
    var start=$("#startDate").val(); 
    if (this.checked==true) 
    $("#endDate").val(start); 
} 

अपने स्वयं के क्षेत्र आईडी के साथ बदलें 'पहचान-पत्र।

+0

धन्यवाद! तुम लोग तेज़ हो! – Jesse

+0

एनपी :) यदि आप –

+0

चाहते हैं तो आप भी ऊपर की ओर बढ़ सकते हैं यदि कोई चेकबॉक्स और हिट स्पेस पर टैब करता है (यानी, इसे क्लिक किए बिना जांचता है)? –

4

आपकी समस्या को हल करने के लिए सरल हैक।

<html> 
<head> 
    <script src="js/jquery.js" ></script> 
</head> 
<body> 
    <form> 
     <input type="text" name="startdate" id="startdate" value=""/> 
     <input type="text" name="enddate" id="enddate" value=""/> 
     <input type="checkbox" name="checker" id="checker" /> 
    </form> 
    <script> 
    $(document).ready(function(){ 
      $("input#checker").bind("click",function(o){ 
       if($("input#checker:checked").length){ 
        $("#enddate").val($("#startdate").val()); 
       }else{ 
        $("#enddate").val(""); 
       } 
      }); 
     } 
    ); 
    </script> 
</body> 
</html> 
संबंधित मुद्दे