Javascript 保持未识别为函数值_Javascript_Jquery_Html

Javascript 保持未识别为函数值

javascript jquery html

Javascript 保持未识别为函数值,javascript,jquery,html,Javascript,Jquery,Html,所以我有一个小问题，我的意思是我花了一整天的时间来摆弄这个代码，什么地方都没去。问题是我有这些单选按钮组，我想得到它们的值，这样我就可以在画布元素上实现所选的颜色。我已经找到了应该从当前选择的按钮中提取值的部分，但问题是我无法从函数中获取值这是密码。这部分是index.html 定制您的游戏选择蛇的颜色：绿色：红色：蓝色：选择背景色：灰色：白色：黑色：重新编辑：运行snake color&bg:） var snakecolorCurrent=”“； var bgcolo

所以我有一个小问题，我的意思是我花了一整天的时间来摆弄这个代码，什么地方都没去。问题是我有这些单选按钮组，我想得到它们的值，这样我就可以在画布元素上实现所选的颜色。我已经找到了应该从当前选择的按钮中提取值的部分，但问题是我无法从函数中获取值

这是密码。这部分是index.html


定制您的游戏
选择蛇的颜色：


绿色：


红色：


蓝色：



选择背景色：


灰色：


白色：


黑色：

重新编辑：运行snake color&bg:）

var snakecolorCurrent=”“；
var bgcolorCurrent=“”；
$（“输入[name='snakecolor']”）。更改（函数（）{
var snakecolor=$（'input[name=“snakecolor”]：checked'）；
snakecolorCurrent=snakecolor.val（）；
蛇色=蛇色电流；
控制台。日志（蛇形色）；
console.log（蛇形电流）；
回归蛇形；
});
$（“输入[name='bgcolor']”）。更改（函数（）{
变量bgcolor=$（'input[name=“bgcolor”]：checked'）；
bgcolorCurrent=bgcolor.val（）；
bgcolor=bgcolorCurrent；
console.log（bgcolor）；
console.log（当前）；
返回颜色；
});

选择蛇的颜色：



绿色：



红色：



蓝色：






选择背景色：



灰色：



白色：



黑色：






因此，如果在全局范围内声明变量，则需要使用窗口调用它

html:
一种方法是将函数中的变量传递给other.js文件，然后在other.js中执行任何操作，例如
---------ColorSettings.js-----------
函数getRadioValSnake（）
{

snakecolor=$（'input:radio[name=“snakecolor”]：checked'）.val（）；
fromcolorsettings（蛇形色）；

}
----------其他.js----------------
来自颜色设置（scolor）的函数

{


警报（scolor）；--在这里做任何你想做的事

}
为什么窗口。蛇形色=…
？为什么不干脆snakecolor=…
@gurvinder372谢谢，但是我已经试过不用窗口了，我通常不用它，但这次我试过了，没成功，正如你看到的，我在公交车上，不能使用移动代码片段工具（似乎没那么好用），但我觉得应该更像这样谢谢你的回答！但出于某种奇怪的原因，当实现时，它也返回未定义的。仍然在移动设备上，未经测试！：（这似乎解决了未定义的问题，谢谢！不幸的是，当我试图在变量中设置当前值时，它只设置了checked=''checked'值，它不想更改。如果我不使用checked，它将显示undefined。。再次感谢您的帮助！过了一段时间，我终于找到了答案。我只需要我会将函数直接转换为不带变量的值。非常感谢！感谢您的评论！奇怪的是，当我在代码中使用此选项时，它只会抛出一个警告，并将未定义的值作为其值两次。此外，我可能没有提到我需要获取用户选择的当前选中单选按钮的值，这引发了显示checked=“checked”属性存在的颜色它只是抛出一个未定义的警报。.确定是因为`alert（snakecolorCurrent）`和未定义，因为您没有选中复选框
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="css/style_settings.css">
<script src="javascript/jquery-3.0.0.min.js"></script>
<script src="javascript/colorsettings.js"></script>
<script src="javascript/initial_config.js"></script>
<script src="javascript/draw.js"></script>
<script src="javascript/app.js"></script>
<script src="javascript/ajax.js"></script>

    </head>
    <body>

    <div id="settings"><h1>Customise your game</h1>
        <form id="colorformsnake" name="colorformsnake" onchange="getRadioValSnake()"><label>Choose the snake color: <br/><br/>

            Green: <input type="radio" id="green" value="green"  checked="checked" name="snakecolor"><br /><br />
            Red: <input type="radio" id="red" value="red" name="snakecolor" /><br /><br />
            Blue: <input type="radio" value="blue" id="blue" name="snakecolor"></label><br /><br/><br /></form>
        <form id="colorformbg" onchange="getRadioValBg()" name="colorformbg">
        <label>Choose the background color: <br /><br/>
            Gray: <input type="radio" id="gray" value="gray" name="bgcolor" checked="checked"><br /><br />
            White: <input type="radio" id="white" value="white" name="bgcolor"/><br /><br />
            Black: <input type="radio" value="black" id="black" name="bgcolor"></label><br /><br><br /></form>
        </div>

    </body>
    </html>

function getRadioValSnake()
{
    snakecolor=($('input[name="snakecolor"]:checked').val());
    return snakecolor;
}

function getRadioValBg()
{
    bgcolor=($('input[name="bgcolor"]:checked').val());
    return bgcolor;
}

var snakecolorCurrent=getRadioValSnake();

alert(snakecolorCurrent)