javascript - 继续作为函数值无法识别-6ren

javascript - 继续作为函数值无法识别

转载作者：行者123 更新时间：2023-11-27 23:26:59

25

4

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/style_settings.css">

</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" 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><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>
<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>
</body>
</html>

这部分是用户选择所需颜色的初始部分。我有第一组是蛇的颜色，第二组是背景。这一切都应该没问题。

这是第二部分。这是 colorsettings.js

var snakecolor=" ";
var bgcolor="";

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

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

var snakecolorCurrent=getRadioValSnake();

console.log(snakecolorCurrent);

现在我要做的是获取选定的颜色并将其插入到一个变量中，该变量将被传递到另一个 .js 文件。那部分我觉得我可以自己解决。我一直在努力解决的问题是，当我尝试调用这两个函数中的任何一个时，它只会返回身份不明的函数。

我很确定问题出在函数的范围内。为了不打扰这里的任何人，我一直在努力寻找与我的问题类似的问题，但似乎没有任何效果。

非常感谢任何帮助，我提前感谢你。

最佳答案

重新编辑:运行蛇颜色和背景 :)

  var snakecolorCurrent = "";
  var bgcolorCurrent = "";
  $("input[name='snakecolor']").change(function() {
    var snakecolor = $('input[name="snakecolor"]:checked');
    snakecolorCurrent = snakecolor.val();
    snakecolor = snakecolorCurrent;
    console.log(snakecolor);
    console.log(snakecolorCurrent);
    return snakecolor;
  });
  $("input[name='bgcolor']").change(function() {
    var bgcolor = $('input[name="bgcolor"]:checked');
    bgcolorCurrent = bgcolor.val();
    bgcolor = bgcolorCurrent;
    console.log(bgcolor);
    console.log(bgcolorCurrent);
    return bgcolor;
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<form id="colorformsnake" name="colorformsnake">
  <label>Choose the snake color:
    <br/>
    <br/> Green:
    <input type="radio" id="green" value="green" 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" name="colorformbg">
  <label>Choose the background color:
    <br />
    <br/> Gray:
    <input type="radio" id="gray" value="gray" name="bgcolor" 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>

关于javascript - 继续作为函数值无法识别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37989700/

25

4

0

文章推荐： javascript - 从列表项文本生成 href

文章推荐： html - colspan + 固定宽度内容影响 td 宽度

文章推荐： java - DIV 高度在 pdfhtm iText 中不起作用？

详解C语言sscanf()函数、vsscanf()函数、vscanf()函数
C语言sscanf()函数：从字符串中读取指定格式的数据头文件： ?
php - 如何解释at()函数； substr()函数;伪代码中的exist()函数
最近，我有一个关于工作预评估的问题，即使查询了每个功能的工作原理，我也不知道如何解决。这是一个伪代码。下面是一个名为foo()的函数，该函数将被传递一个值并返回一个值。如果将以下值传递给foo函数，
VBS教程：函数-CStr 函数
CStr 函数返回表达式，该表达式已被转换为 String 子类型的 Variant。 CStr(expression) expression 参数是任意有效的表达式。说明通常，可以
VBS教程：函数-CSng 函数
CSng 函数返回表达式，该表达式已被转换为 Single 子类型的 Variant。 CSng(expression) expression 参数是任意有效的表达式。说明通常，可
VBS教程：函数-CreateObject 函数
CreateObject 函数创建并返回对 Automation 对象的引用。 CreateObject(servername.typename [, location]) 参数 serv
VBS教程：函数-Cos 函数
Cos 函数返回某个角的余弦值。 Cos(number) number 参数可以是任何将某个角表示为弧度的有效数值表达式。说明 Cos 函数取某个角并返回直角三角形两边的比值。此比值是
VBS教程：函数-CLng 函数
CLng 函数返回表达式，此表达式已被转换为 Long 子类型的 Variant。 CLng(expression) expression 参数是任意有效的表达式。说明通常，您可以使
VBS教程：函数-CInt 函数
CInt 函数返回表达式，此表达式已被转换为 Integer 子类型的 Variant。 CInt(expression) expression 参数是任意有效的表达式。说明通常，可
VBS教程：函数-Chr 函数
Chr 函数返回与指定的 ANSI 字符代码相对应的字符。 Chr(charcode) charcode 参数是可以标识字符的数字。说明从 0 到 31 的数字表示标准的不可打印的
VBS教程：函数-CDbl 函数
CDbl 函数返回表达式，此表达式已被转换为 Double 子类型的 Variant。 CDbl(expression) expression 参数是任意有效的表达式。说明通常，您可
VBS教程：函数-CDate 函数
CDate 函数返回表达式，此表达式已被转换为 Date 子类型的 Variant。 CDate(date) date 参数是任意有效的日期表达式。说明 IsDate 函数用于判断 d
VBS教程：函数-CCur 函数
CCur 函数返回表达式，此表达式已被转换为 Currency 子类型的 Variant。 CCur(expression) expression 参数是任意有效的表达式。说明通常，
VBS教程：函数-CByte 函数
CByte 函数返回表达式，此表达式已被转换为 Byte 子类型的 Variant。 CByte(expression) expression 参数是任意有效的表达式。说明通常，可以
VBS教程：函数-CBool 函数
CBool 函数返回表达式，此表达式已转换为 Boolean 子类型的 Variant。 CBool(expression) expression 是任意有效的表达式。说明如果 ex
VBS教程：函数-Atn 函数
Atn 函数返回数值的反正切值。 Atn(number) number 参数可以是任意有效的数值表达式。说明 Atn 函数计算直角三角形两个边的比值 (number) 并返回对应角的弧
VBS教程：函数-Asc 函数
Asc 函数返回与字符串的第一个字母对应的 ANSI 字符代码。 Asc(string) string 参数是任意有效的字符串表达式。如果 string 参数未包含字符，则将发生运行时错误。
VBS教程：函数-Array 函数
Array 函数返回包含数组的 Variant。 Array(arglist) arglist 参数是赋给包含在 Variant 中的数组元素的值的列表（用逗号分隔）。如果没有指定此参数，则
VBS教程：函数-Abs 函数
Abs 函数返回数字的绝对值。 Abs(number) number 参数可以是任意有效的数值表达式。如果 number 包含 Null，则返回 Null；如果是未初始化变量，则返回 0。
VBS教程：函数-FormatPercent 函数
FormatPercent 函数返回表达式，此表达式已被格式化为尾随有 % 符号的百分比（乘以 100 ）。 FormatPercent(expression[,NumDigitsAfterD
VBS教程：函数-FormatNumber 函数
FormatNumber 函数返回表达式，此表达式已被格式化为数值。 FormatNumber( expression [,NumDigitsAfterDecimal [,Inc

首页

博学

6Ren·AI

商城

javascript - 继续作为函数值无法识别