为收音机点击的输入添加值,然后删除
Add value to input on radio click, and remove
我有一个捐赠表格,其中一个选项需要填充一定数量,因为它是一个固定的价格点。我找到并运行了工作正常的代码,以使用无线电输入的选择填充输入,但我希望以某种方式切换它,如果我选择另一个选项,填充的数量将被删除。这可能吗?
这是我现在的工作:
$('input#yearCaring').on('change', function() {
$('input[name="Amount"]').val($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<input type="radio" name="In Honor/Memory Of" value="No" />
<label>No Thanks</label>
<br />
<input type="radio" name="In Honor/Memory Of" id="yearCaring" value="100" />
<label>Year of Caring</label>
<br />
<input type="radio" name="In Honor/Memory Of" value="In Memory" />
<label>In Memory</label>
<br />
<input type="text" name="In Memory Note" style="display: none;" value="" />
<input type="radio" name="In Honor/Memory Of" value="In Celebration" />
<label>In Celebration</label>
<br />
<input type="text" name="In Celebration Note" style="display: none;" value="" />
</div>
<label>Amount (Canadian Dollars):</label>
<input type="text" name="Amount" required="" value="" />
我将如何"切换"它?
小提琴
您可以检查所有单选按钮,并且仅在与某个ID匹配时才应用该值,如下所示:
$('input:radio').change(function () {
$('input[name="Amount"]').val( (this.id == 'yearCaring') ? this.value : '').prop('disabled',(this.id == 'yearCaring') ? true : false);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form>
<div>
<input name="In Honor/Memory Of" type="radio" value="No" />
<label>No Thanks</label>
<br />
<input name="In Honor/Memory Of" id="yearCaring" type="radio" value="100" />
<label>Year of Caring</label>
<br />
<input name="In Honor/Memory Of" type="radio" value="In Memory" />
<label>In Memory</label>
<br />
<input name="In Memory Note" style="display: none;" type="text" value="" />
<input name="In Honor/Memory Of" type="radio" value="In Celebration" />
<label>In Celebration</label>
<br />
<input name="In Celebration Note" style="display: none;" type="text" value="" />
</div>
<label>Amount (Canadian Dollars):</label>
<input name="Amount" required="" type="text" value="" />
</form>
使用类似这样的东西
$('input[name="In Honor/Memory Of"]').on('change', function() {
$('input[name="Amount"]').val($(this).val());
});
相关文章:
- 为收音机点击的输入添加值,然后删除
- jQuery 插入,然后淡出,然后删除
- JS如何捕获基于键入然后删除的字符的字段验证逻辑
- 如何使用vanillaJS将mp4视频插入到具有特定维度的html文档中,播放2秒,然后删除节点
- 创建 WebSQL 数据库,然后删除自身
- Jquery 淡出 - 等待完成 - 然后删除
- addClass ,然后删除同一类的类
- 高图表:将点添加到图表,然后删除,然后再次添加.然后重复
- 运行动画,然后删除元素
- Javascript:检查字符串是否包含字符,然后删除字符串的一部分
- 如何检查对象的“真实性”,然后删除虚假对象并编辑对象
- Chrome 中的 YUI 2.9.0 富文本编辑器填充,然后删除 editorHTML
- 将数组的最后一个元素设置为单独的String,然后删除所述元素
- 从数组中删除对象,然后删除
- 如果我将一个JavaScript事件绑定到一个元素,然后删除该元素,事件会发生什么
- 如何隐藏滚动条,直到它们需要,然后删除,如果不需要
- 我想在表单中使用相同的按钮,首先添加元素,然后删除元素
- 在600长度之后检查最接近的点(“.”),然后删除该点之后的所有文本
- 计算分页,然后删除内容
- 如何正确地取消引用,然后删除一个JavaScript对象