Javascript忽略switch语句中的变量

时间:2015-11-09 02:31:43

标签: javascript jquery html html5

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

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

            

                Botones                                      Borrar                                                       Varias Lineas                                                       阿科                                                       Cuadratica                                                       Berzier                                                       Zig Zag                                                       Espiral                              

        

    <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;
alert(tipoextremo);

$("button[type='button']").click(function()
{
    switch(this.name){
    case 'btnarco':
        fun_arco(color, ancho, tipoextremo);
        alert("Hi");
        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;
    }
});
}

0 个答案:

没有答案