Question

我遇到无线电选择按钮的问题。我想一次选中一个复选框。

我正在使用以下脚本

付费单选按钮被创建为自动提交表单，非常成功地提交表单。

并创建值为红色的colorRadio以在同一页面打开右侧div

现在问题是应该选择这个复选框但是它选择了两个单选按钮

当我保持同名付款时，它不起作用

否则代码工作正常，我想要执行工作正常但一次只能选择一个复选框

任何帮助将不胜感激。

<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('input[type="radio"]').click(function(){
        if($(this).attr("value")=="red"){
            $(".box").hide();
            $(".red").show();
        }
        if($(this).attr("value")=="green"){
            $(".box").hide();
            $(".green").show();
        }
        if($(this).attr("value")=="blue"){
            $(".box").hide();
            $(".blue").show();
        }
    });
});
</script>
<script type='text/javascript'     
src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
</script>
<script type='text/javascript'>

$(document).ready(function() { 
$('input[name=paid]').change(function(){

    $('form').submit();

});
});

</script>






 <div align="left"><input type="radio" name="colorRadio" value="red"><img src="visa/ff.jpg"></div>
 <br>

 <div align="left"><input type="radio" name="paid" value="paid"><br>

Answer 1

尝试更改脚本： -

<script type='text/javascript'>
    $(document).ready(function() { 
    $('input[name=paid]').change(function(){
        $('#myform').submit();
    });
    });
    </script>

形式： -

<form id='myform'>
<div align="left"><input type="radio" name="paid" value="red"><img src="visa/ff.jpg"></div> <br>
 <div align="left"><input type="radio" name="paid" value="paid"><br>
<br>
<img src="visa/1.gif"></div>
</form>

单选按钮使用AJAX一次选择一个

1 个答案: