DOM事件链接不起作用
DOM event chaining not working
那么,有没有任何提示表明这不起作用?如果选择了"Boleto"单选框(分别为"1"answers"MercadoPago"),我将尝试在预设的位置获取两个输入字段("pagamto"answers"parcelas"),如果选择"Cartão"单选框,我将再次返回到用户输入。
function boleto() {
if(document.getElementById('tipodepagamento').checked==true){
document.getElementById('pagamento').value = 'MercadoPago';
document.getElementById('pagamento').disabled = true;
document.getElementById('parcelas').value = '1';
document.getElementById('parcelas').disabled = true;
}
else{
document.getElementById('pagamento').disabled = false;
document.getElementById('parcelas').disabled = false;
}
}
<div class="col-md-6">
<label class="radio-inline">
<input type="radio" name="tipodeconta" id="tipodepagamento2" value="Cartão" checked onClick="boleto();">Cartão de Crédito
</label>
</div>
<div class="col-md-6">
<label class="radio-inline">
<input type="radio" name="tipodeconta" id="tipodepagamento" value="Boleto" onClick="boleto();">Boleto
</label>
</div>
<label>Plataforma de Pagamento</label>
<select class="form-control" onClick="fpagamento();validador();" onKeyUp="fpagamento();" name="pagamento" id="pagamento">
<option value="Selecione">Selecione</option>
<option value="Paypal">Paypal</option>
<option value="MercadoPago">Mercado Pago</option>
</select>
<label>Número de Parcelas</label>
<select class="form-control" id="parcelas" name="parcelas">
<option value="1">1x</option>
<option value="2">2x</option>
</select>
Fiddle=http://kodeweave.sourceforge.net/editor/#d692f9461c022ee386cb2c5329f453c4
我发现你的代码有一些问题。
<input type="radio" name="tipodeconta" id="tipodepagamento" value="Boleto" onClick="boleto();">
<select class="form-control" onClick="fpagamento();validador();" onKeyUp="fpagamento();"
首先,您不应该将onClick
用于单选按钮或select
元素。使用onChange
,这意味着您不需要调用onKeyUp="fpagamento();"
BTW:您的代码非常WET。此外,在html中添加onClick属性是不好的做法(其他事件也是如此)。将您的javascript放在一个.js文件中并在那里进行编辑。
var tipodeconta = $('input[name=tipodeconta]'),
cartao = document.querySelector('#tipodepagamento2'),
pagamento = $('#pagamento'),
checkThis = $('.form-control');
tipodeconta.on('change', function() {
if (cartao.checked) {
pagamento.val('MercadoPago');
}
(cartao.checked) ? checkThis.prop('disabled', true) : checkThis.removeAttr('disabled');
}).trigger('change');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="panel panel-default">
<div class="panel-body">
<div class="col-md-6">
<label class="radio-inline">
<input type="radio" name="tipodeconta" id="tipodepagamento2" value="Cartão" checked="">
Cartão de Crédito
</label>
</div>
<div class="col-md-6">
<label class="radio-inline">
<input type="radio" name="tipodeconta" id="tipodepagamento" value="Boleto">
Boleto
</label>
</div>
</div>
</div>
<label>Plataforma de Pagamento</label>
<select class="form-control" name="pagamento" id="pagamento" disabled="">
<option value="Selecione">Selecione</option>
<option value="Paypal">Paypal</option>
<option value="MercadoPago">Mercado Pago</option>
</select>
<label>Número de Parcelas</label>
<select class="form-control" id="parcelas" name="parcelas" disabled="">
<option value="1">1x</option>
<option value="2">2x</option>
</select>
相关文章:
- 我的下拉菜单中的链接不起作用
- JavaScript链接在点击时不起作用;函数在页面加载时工作
- 链接上的IE10 jquery句柄单击事件不起作用
- mouseover和mouseleave文本颜色更改在指令链接中不起作用
- Ajax:Ajax响应中的链接不起作用
- jQuery Mobile到其他页面的锚链接不起作用
- HTML5视频链接在Chrome中不起作用
- Datatable Javascript链接在第2页不起作用
- 指向的超链接刚刚赢得'不起作用
- 链接到手风琴中的另一个选项卡,嵌入的链接将不起作用
- jquery animation.scrollTop()在mdl链接中不起作用
- 在jQuery中链接时CSS属性不起作用
- 从HTML链接时,Javascript文件不起作用
- iframe resizer内部的锚点链接不'不起作用
- 为什么不'使用此JavaScript将文本替换为不起作用的链接
- 外部JavaScript链接不起作用
- 淡入淡出链接悬停不起作用
- 当图像和链接是 json 对象属性的值时,它们不起作用
- 对链接的 svg 进行动画处理不起作用;内联时工作正常
- AngularJS路由不起作用:链接点击时没有事件,没有$routeParams