单选按钮的自定义iCheck设计可防止单击时输出总价
The custom iCheck design of the radio button prevents the output of Total price when clicked
我试图理解为什么当我单击单选按钮时,我看不到总价的输出,但是当我在 jsfiddle 或单独的测试中运行我的代码时.php页面我没有引用 iCheck 的脚本,显示总价格输出。iCheck的设计如何干扰?我该如何解决这个问题?
iCheck.js
$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});
});
价格.js//单击单选按钮时输出总价
$(document).ready(function(){
//alert();
$(document).on("click", ".btn-checkbox-plan", function(e){
if($(".btn-checkbox-plan").is(':checked')){
$("#output").html($(this).val());
}
});
});
法典:
<div class="checkout">
<span id="checkout-title">Checkout</span>
<div class="plan-wrapper">
<input class="btn-checkbox-plan" type="radio" name="groupnine" value="$699" /> <label id="silver-plan">Silver Plan</label>
<label id="silver-plan-price">$699</label>
<input class="btn-checkbox-plan" type="radio" name="groupnine" value="$999" /> <label id="gold-plan"> Gold Plan</label>
<label id="gold-plan-price">$999</label>
</div>
<div class="logo-wrapper">
<span id="personalized-logo">Personalized Logo</span>
<span id="logo-price">$49.99</span>
</div>
<div class="tax-wrapper">
<div class="wrapper-a">
<span id="tax">Tax + Processing</span>
<span id="tax-price">$0.00</span>
</div>
</div>
<div class="total-wrapper">
<div class="wrapper-b">
<span id="total">Total</span>
<output type="number" name="price" id="output"></output>
</div>
</div>
<div class="controls submit-btn">
<input type="submit" value="Checkout" />
<input type="reset" value="Clear" />
</div>
<div class="controls back-btn">
<input class="back-button" type="button" value="Back" />
</div>
</div>
您需要使用回调 http://fronteed.com/iCheck/
$('input').on('ifChecked', function(event){
alert(event.type + ' callback');
});
相关文章:
- 设置单击编辑输出的样式
- 在jQuery中输出单击单元格的内容
- 单击事件和鼠标输出事件在chrome中不起作用
- 需要单击按钮两次才能使javascript函数提供输出
- 替换“单击时”操作以显示内联输出
- 单击时输出变量
- 在输入框中单击时 - 在附近显示文本 - 在单击时输出文本消失
- 如何创建一个计数器循环,该循环在单击提交按钮时启动,并输出多行单词,每个单词前面都有一个数字
- 尝试使用基于数组的 jquery 输出单独的单击函数
- 单选按钮的自定义iCheck设计可防止单击时输出总价
- 如何在单击单选按钮时输出总价
- 单击元素>JavaScript输出文档.activeElement VS.事件目标
- 如何在单击位置旁边输出文本
- 'href'单击时不显示输出
- 单击页面后,我想用函数的输出覆盖文档
- 单击单选按钮时,希望使用jquery在下拉列表中输出拆分的值
- 单击按钮并根据复选框b中的设置值输出消息和打开新页面
- 单击列表中的项目->查看详细信息但没有输出?Firebase.child失败:第一个参数是无效路径
- 必须更改单击事件鼠标输入鼠标输出事件
- 在闪亮的应用程序中单击nvd3图表的事件(作为自定义输出绑定)