Question

我正在尝试构建一些JS，以便在选择并提交某些无线电时以dd-MoN-yyyy（10-OCT-2017）格式添加日期。以下是我的表格的基本框架：

<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 广播，我们都应将 dd-MoN-yyyy 提交至字段 OPT_DOWN_FREQ_DATE

任何帮助将不胜感激！

Answer 1

向单选按钮组添加更改侦听器。从那里，您可以添加一个处理程序，将所选单选按钮的值添加到您需要的输入中。

根据您计划传递日期信息的方式，您可以在设置无线电输入值之前或在运行时格式化它。

需要注意的一些事项：不要忘记添加自动关闭标签，并且还有一个随机/ td潜伏在那里。

$(document).ready(function(){
	$('input[name="OPT_DOWN_FREQ"]').change(function(){
  	var dateString = this.value;
    // format dateString as needed, if dateString is a timestamp. 
  	$('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>

如何在选择广播和提交表单时添加日期？

1 个答案: