在按钮的id中传递的switch语句无法正常运行

Question

I am trying to use a switch statement switch (buttionId) , passing in the id of the button that I am selecting, however, the function is not firing properly. Here is my function:

function PickDiagCode(btnNum, button) {
        var txtID;
        var strId;
        //var buttonId = $("input[id*=btnHeaderDiagPick]").attr("id");
        switch (button.value) {
            case "Clear":
                switch (button.id) {                    
                        case "btnHeaderDiagPick1":
                           //Do Work

                        case "btnHeaderDiagPick2":
                           //Do Work

Here are the buttons:

    <input class="Button-Search" id="btnHeaderDiagPick1" onclick="document.frmCrgEntry.hdnPickClrDiagCode.value='1';PickDiagCode('1',btnHeaderDiagPick1);"
                                    type="button" name="btnHeaderDiagPick1" runat="server" />
    <input class="Button-Search" id="btnHeaderDiagPick2" onclick="document.frmCrgEntry.hdnPickClrDiagCode.value='2';PickDiagCode(2,btnHeaderDiagPick2);"
                                type="button" name="btnHeaderDiagPick2" runat="server" />

Answer 1

You are missing the document.getElementById()

switch (btnID.value) {

change to

switch (document.getElementById(btnID).value) {

Answer 2

Your problem appears to be this:

document.frmCrgEntry.hdnPickClrDiagCode.value='1';

If you remove it everything works just fine. Here is a fiddle where one button has it, and one doesn't. The button where it is removed, works without issue (for calling the function)