j查询检查复选框是否被选中,然后向输入字段添加值
jQuery Check if Checkbox is Checked, then Add Value to Input Field
我有一个购物车结帐页面,我正在尝试添加一个"礼物"选项。需要发生的情况:选中"将订单作为礼物发送"复选框后,需要为隐藏的输入字段分配一个值,以便将信息移动到确认页面和各种收据上。
.HTML:
<h3>Send Order As Gift</h3>
<ul>
<li class="fc_row fc_gift"><label for="gift" class="fc_pre">This is a gift,
please do not include a receipt.</label>
<input type="checkbox" name="gift" id="gift" class="checkbox" value="" />
<input type="hidden" name="Gift" id="gift-true" value="" /></li>
<script type="text/javascript">
$(document).ready(function(){
$("#gift-true").input( $('#edit-checkbox-id').is(':checked').val() + "Yes");
});
</script>
</li>
<li class="fc_row fc_gift_message"><label for="Gift Message">Include a message
(limit 100 characters):</label>
<textarea name="Gift Message" cols="50" rows="3" maxlength="100"></textarea>
</li>
</ul>
每当复选框更改时,您都必须更新隐藏字段:
$(function(){
$('#gift').change(function() {
$("#gift-true").val(($(this).is(':checked')) ? "yes" : "no");
});
});
使用 jQuery
.val()
设置输入元素的值。 jQuery .is()
返回一个布尔值,因此您必须检查它是否true
(使用 if
语句或如下所示的三元运算符),然后有条件地更新该值。此外,每当选中/取消选中该框时,都应更新此值:
$(document).ready(function(){
$('#edit-checkbox-id').change(function() {
$("#gift-true").val( this.checked ? "Yes" : "" );
}
});
此外,如果您的复选框是:
<input type="checkbox" name="gift" id="gift" class="checkbox" value="" />
适当的 id 选择器是 $('#gift')
,而不是
$('#edit-checkbox-id')
$('#edit-checkbox-id').is(':checked')
根据复选框状态返回布尔值真/假。因此,您应该将其用作条件,并决定使用val
jQuery方法设置值的内容。试试这个。
$("#gift-true").val( $('#edit-checkbox-id').is(':checked') ? "Yes": "No" );
你可以使用CSS Pseudo-classe,例如:
var checked=$('input[id="#gift-true"]:checked').length;
var isTrue=false;
if(checked)
isTrue=true;
else
isTrue=false;
相关文章:
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 将值输入到对象,然后该对象推送到数组
- 需要使用javascript获取输入文本,然后将其添加到句子中
- 如何将src的值放在一个输入中,然后在另一个页面上显示它
- 如何在状态输入ui路由器时立即显示模板,然后当承诺被解决时显示数据
- 在输入字段中选择一个值,然后用相应的数据填充另一个字段
- j查询检查复选框是否被选中,然后向输入字段添加值
- 为收音机点击的输入添加值,然后删除
- 单击“选择标签”中的“选项”时创建,然后选中“值”创建输入
- 如何要求用户输入一个介于 1 和 50 之间的整数,然后小程序打印出一行这个星数
- 值首先发布,然后只有它完成输入(如果单击).向后需要(代码是corect)
- 将表单输入传递到高图表,然后重新生成图表
- 用户在数字上输入金额,然后输出最高数字javascript
- 在表中创建带有输入的新行,然后单击保存该输入的值
- HTMLJavascript-如何向输入语句添加函数并隐藏输入语句,除非选中“是”,然后取消隐藏
- 接收输入数字,直到用户输入零.然后输出最高.JavaScript
- 修改输入中的数组,然后返回输出
- 如果选择'其他'然后填充输入字段
- 保存名称,然后输入"hi"+命名每个会话
- webdriver.IO异步问题-点击一个元素,然后输入文本