在onchange事件中,您可以传递不是当前控件的参数吗?

时间:2015-03-26 15:04:14

标签: javascript jquery

如果我有一个功能:

function passSomeParams(p0, p1) {
    window.Location.href = "/something/anotherthing.aspx?firstParam=" +
        p0 + "&secondParam=" + p1;
}

我可以传递当前控件以外的输入吗?我想在下面做一些类似的事情,但是无法在线工作或找不到可用的资源。

<asp:CheckBox runat="server" ID="chkCheckboxA" />
<asp:CheckBox runat="server" ID="chkCheckboxB"
    onchange="passSomeParams(this.value, chkCheckboxA.value)"/>

感谢。我很感激帮助。

1 个答案:

答案 0 :(得分:0)

如果必须按照您使用inline event handler的方式完成,那么您可以通过以下方式完成。但还有更好的方法!

function passSomeParams1(v1, v2) {    
    //Option 1
    var param1 = v1;
    var param2 = v2;
    // --;
}
function passSomeParams2(v1, v2) { 
    //Option 2
    var param1 = document.getElementById(v1).value;
    var param2 = document.getElementById(v2).value;
    // --;
}

没有inline event handler

document.getElementById('second').addEventListener("change", function() {
    //Option 3
    var param1 = document.getElementById('first').value;
    var param2 = document.getElementById('second').value;
    // --;
});

jQuery的:

$('#second').on("change", function() {
    //Option 4
    var param1 = $(this).val();
    var param2 = $("#first").val();
    // --;
});

HTML(示例)

<input type="checkbox" id="first" value="1" />
<input type="checkbox" id="second" value="2" onchange="passSomeParams1(this.value, document.getElementById('first').value)"/>

<input type="checkbox" id="first" value="1" />
<input type="checkbox" id="second" value="2" onchange="passSomeParams2(this.id, 'first')"/>