Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/jsf/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何根据复选框更改文本框的值_Jquery_Checkbox - Fatal编程技术网

Jquery 如何根据复选框更改文本框的值

Jquery 如何根据复选框更改文本框的值,jquery,checkbox,Jquery,Checkbox,我已经做了5个复选框,根据其中一个是选中的文本框中的文字变化。但是可以同时选中所有复选框。我希望一次只选中一个复选框 $(".check").change(function(){ var text = ""; $(".check:checked").each(function(){ text += text != "" ? "^" : ""; if ($(this).prop("checked"))

我已经做了5个复选框,根据其中一个是选中的文本框中的文字变化。但是可以同时选中所有复选框。我希望一次只选中一个复选框

$(".check").change(function(){
        var text = "";
        $(".check:checked").each(function(){ 
            text += text != "" ? "^" : "";
            if ($(this).prop("checked"))
                text += $(this).val();
        });
        $(".text").val(text);
    });


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="checkbox" class="check" value="Text1" />
    <input type="checkbox" class="check" value="Text2" />
    <input type="checkbox" class="check" value="Text3" />
    <input type="checkbox" class="check" value="Text4" />
    <input type="checkbox" class="check" value="Text5" />
    <br/>
    <input type="text" class="text" />
$(“.check”).change(函数(){
var text=“”;
$(“.check:checked”).each(函数(){
文本+=文本!=“”?“^”:“;
如果($(this).prop(“选中”))
text+=$(this.val();
});
$(“.text”).val(text);
});


我不是JS专家,所以我愿意接受建议、编辑、评论、澄清

其想法是禁用其他复选框,并将所选值附加到文本框中

var text=”“;
//文本+=文本!="" ? "^" : "";
$('.check')。单击(函数(){
变量$inputs=$('.check');
如果($(this).is(':checked')){
$inputs.not(this.prop('disabled',true));
如果($(this).prop(“选中”)){
如果(文本!==“”){
文本+=“^”;
}
text+=$(this.val();
$(“.text”).val(text);
}
}否则{
$inputs.prop('disabled',false);
}
})



我不是JS专家,所以我愿意接受建议、编辑、评论、澄清

其想法是禁用其他复选框,并将所选值附加到文本框中

var text=”“;
//文本+=文本!="" ? "^" : "";
$('.check')。单击(函数(){
变量$inputs=$('.check');
如果($(this).is(':checked')){
$inputs.not(this.prop('disabled',true));
如果($(this).prop(“选中”)){
如果(文本!==“”){
文本+=“^”;
}
text+=$(this.val();
$(“.text”).val(text);
}
}否则{
$inputs.prop('disabled',false);
}
})



如果您一次只想选中一个,为什么要使用复选框而不是单选按钮?我只想要复选框最简单的方法是使用单选按钮。。。你试图使复杂的事情容易完成。顺便问一下,这是否有效?我之前没有使用单选按钮。请引导“是”,这是按状态工作。如果您坚持将复选框设置为复选框,则只需将复选框更改为收音机,并格式化收音机,使其显示为复选框:如果您一次只希望选中一个,为什么要使用复选框而不是单选按钮?我要选中仅框最简单的方法是使用单选按钮。。。你试图使复杂的事情容易完成。顺便问一下,这是否有效?我之前没有使用单选按钮。请引导“是”,这是以状态工作。如果您坚持将其作为复选框,则只需将复选框更改为收音机,并格式化收音机,使其显示为复选框: