Javascript 当用户单击文本字段时,将复选框值传递给该字段

Javascript 当用户单击文本字段时,将复选框值传递给该字段,javascript,jquery,Javascript,Jquery,我将把多个字段的值传递给一个文本字段。有一个问题,复选框。如果用户选中复选框(容差),如何确保该复选框仅将值传递给文本字段 HTML: 对不起,你是说这样吗 function setTarget(){ var tmp = $("#Salary_para1").val(); tmp += $("#Salary_value").val(); tmp += $("#Salary_para2").val(); if($("#Salary_para2").is(":che

我将把多个字段的值传递给一个文本字段。有一个问题,复选框。如果用户选中复选框(容差),如何确保该复选框仅将值传递给文本字段

HTML:


对不起,你是说这样吗

function setTarget(){
    var tmp = $("#Salary_para1").val();
    tmp += $("#Salary_value").val();
    tmp += $("#Salary_para2").val();
    if($("#Salary_para2").is(":checked")){
        $('#targetTextField').val(tmp);
    }
}
​
例如:


检查复选框是否已选中

$(function() {
    setTarget();
    $("#Salary_para1,#Salary_para2").change(setTarget);
    $("#Salary_value").keyup(setTarget);

    function setTarget() {
        var tmp = $("#Salary_para1").val();
        tmp += $("#Salary_value").val();
        tmp += $("#Salary_para2:checked").val() || '';
        $('#targetTextField').val(tmp);
    }
});​

(我还对原始代码进行了一些重构)

function setTarget(){
    var tmp = $("#Salary_para1").val();
    tmp += $("#Salary_value").val();
    tmp += $("#Salary_para2").val();
    if($("#Salary_para2").is(":checked")){
        $('#targetTextField').val(tmp);
    }
}
​
$(function() {
    setTarget();
    $("#Salary_para1,#Salary_para2").change(setTarget);
    $("#Salary_value").keyup(setTarget);

    function setTarget() {
        var tmp = $("#Salary_para1").val();
        tmp += $("#Salary_value").val();
        tmp += $("#Salary_para2:checked").val() || '';
        $('#targetTextField').val(tmp);
    }
});​