2017-10-16 6 views
0

特定のラジオを選択して送信するときに、dd-MoN-yyyy(10-OCT-2017)の形式で日付を追加するために、いくつかのJSを作成しようとしています。以下は私のフォームの基本骨格である:ラジオが選択され、フォームが送信された日付を追加するには?

<html> 
 
<body> 
 
     <form method="post" action="https://sample.sample.com" onsubmit="return setform(this);"> 
 
     <input type="hidden" name="OPT_DOWN_FREQ_DATE" value=""> 
 
     <input type="radio" name="OPT_DOWN_FREQ" value="D" id="daily"> 
 
     <input type="radio" name="OPT_DOWN_FREQ" value="W" id="weekly"> 
 
     <input type="radio" name="OPT_DOWN_FREQ" value="B" id="biweekly">  
 
     <input type="radio" name="OPT_DOWN_FREQ" value="A" id="all">  
 
     <input type="image" src="sample.submit.button" name="submit" value="submit" class="bnt" id="subBtn"></td> 
 
     </form> 
 
</body> 
 
</html>

それは選択された時はいつでもOPT_DOWN_FREQラジオだから、我々はOPT_DOWN_FREQ_DATE

をフィールドする YYYY-MM-DDにを提出しなければなりません

何か助けていただければ幸いです!

答えて

0

ラジオボタングループに変更リスナーを追加します。そこからハンドラを追加して、選択したラジオボタンの値を必要な入力に追加することができます。

どのように日付情報を渡すかによって、ラジオ入力値を設定する前に、または実行時にフォーマットすることができます。

注意すべき事項:自己閉鎖タグを追加することを忘れないでください。また、ランダムな/周囲に潜んでいるタグがあります。

$(document).ready(function(){ 
 
\t $('input[name="OPT_DOWN_FREQ"]').change(function(){ 
 
    \t var dateString = this.value; 
 
    // format dateString as needed, if dateString is a timestamp. 
 
    \t $('input[name="OPT_DOWN_FREQ_DATE"]').val(dateString); // Set the value of OPT_DOWN_FREQ_DATE 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post" action="https://sample.sample.com" onsubmit="return setform(this);"> 
 
     <input type="text" name="OPT_DOWN_FREQ_DATE" value=""/> 
 
     <input type="radio" name="OPT_DOWN_FREQ" value="D" id="daily"/> 
 
     <input type="radio" name="OPT_DOWN_FREQ" value="W" id="weekly"/> 
 
     <input type="radio" name="OPT_DOWN_FREQ" value="B" id="biweekly"/>  
 
     <input type="radio" name="OPT_DOWN_FREQ" value="A" id="all"/> 
 
     <input type="image" src="sample.submit.button" name="submit" value="submit" class="bnt" id="subBtn"/> 
 
     </form>

関連する問題