Question

我试图制作一个case语句，但我的第一个switch语句的变量只是转到我的默认语句，当我在变量中有一个字符串类型的字符串，如：＆＃34; round＆＃34;，＆＃34; square＆＃34;，＆＃34; butt＆＃34;。我用alert（tipoextremo）测试它，它确实包含值＃34; round＆＃34;，＆＃34; square＆＃34;或＆＃34; butt＆＃34;。

对于第二个switch语句，当我单击html中的一个按钮并在case中执行该功能时，我试图将我的按钮名称输入到switch语句中，但是当使用alert时（＆＃34; hi＆＃34;）它甚至没有进入默认语句，这意味着它在我的javascript中被完全忽略。

        <section id="cajalienzo">
            <p>
                Botones
                <button name="btnborrar" type="button" value="borrar" onclick="fun_borrar()">
                    Borrar
                </button>
                <button name="btnlineas" type="button" value="variaslineas" onclick="fun_variaslineas()">
                    Varias Lineas
                </button>
                <button name="btnarco" type="button" value="arco" onclick="parametros()">
                    Arco
                </button>
                <button name="btncuad" type="button" value="cuad" onclick="parametros()">
                    Cuadratica
                </button>
                <button name="btnbezier" type="button" value="bezier" onclick="parametros()">
                    Berzier
                </button>
                <button name="btnzigzag" type="button" value="zigzag" onclick="parametros()">
                    Zig Zag
                </button>
                <button name="btnespiral" type="button" value="espiral" onclick="parametros()">
                    Espiral
                </button>
            </p>
        </section>

        <section id="parametros">
            <form action="" method="post" name="parametro">
                Color: <input type="text" name="btncolor" id="color" value="red"><br/>
                Ancho: <input type="text" name="btnancho" id="ancho" value="10"><br/>
                Tipo Extremo: <br/>
                Round   <input type="radio" name="btntipoextremo" value="round" id="tipoextremo" checked="checked"><br/>
                Square  <input type="radio" name="btntipoextremo" value="square" id="tipoextremo"><br/>
                Butt    <input type="radio" name="btntipoextremo" value="butt" id="tipoextremo"><br/>
                <button name="btnOK" type="button" value="OK" onclick="parametros()">OK</button>
            </form>
       </section>

这是我的javascript部分。

function parametros() {
 //var nombre = document.parametro.btncolor.value;
 //alert(nombre);

  contexto.beginPath();
  color = document.getElementById("color").value;
  ancho = document.getElementById("ancho").value;

alert(color);
alert(ancho);

var boton_te = document.forms[0];
var i;
for (i = 0; i < boton_te.length; i++) {
    if (boton_te[i].checked) {
        tipoextremo = tipoextremo + boton_te[i].value + " ";
    }
}
document.getElementById("tipoextremo").value = tipoextremo;
tipoextremo = tipoextremo;
alert(tipoextremo);

switch(tipoextremo) {
    case 'round':
        alert("hi");
    break;
    case 'square':
        alert("hi");
    break;
    case 'butt':
        alert("hi");
    break;
    default:
        alert("hi");
    break;
}

$("input[type='button']").click(function()
{
    switch(this.name){
    case 'btnarco':
        fun_arco(color, ancho, tipoextremo);
        break;
    case 'btncuad':
        fun_cuad(color, ancho, tipoextremo);
        break;
    case 'btnbezier':
        fun_bezier(color, ancho, tipoextremo);
        break;
    case 'btnzigzag':
        fun_zigzag(color, ancho, tipoextremo);
        break;
    case 'btnespiral':
        fun_espiral(color, ancho, tipoextremo);
        break;
    default:
        alert("hi");
    break;
    }
 });
}

Answer 1

$仅在加载了jQuery时才有效。您可以通过在上面的Javascript之前将其添加到您的html <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>，从CDN获取它。

Javascript忽略switch语句

1 个答案: