javascript - 检查无线电输入中的值类型
问题描述
我想知道你如何检查无线电输入中的值,我有语法问题,我不太确定是否应该加上引号,我试图测试它们但是当我点击 Enter 按钮时说找不到我的文件,所以我无法测试它。但是我只需要有关如何检查无线电输入中的值的帮助,如果您能帮助我找出正确的语法,我将非常感激!
这是我试图做的事情:
用户输入一些文本 > 文本的 id = "name1" 用户选择以下选项之一 > 是;有点儿; 否 用户点击回车按钮 > 函数organizeUnderstanding1() 假设将输入名称1 组织到result1H 中;结果1M;结果1E;取决于他们使用无线电输入选择的内容
<div>
<input type="text" id="name1">
</div>
<div id="understandingCheck1">
<form>
<p>Question 1?</p>
<input type="radio" id="yes1" name="understanding1" value="yes" required>
<label for="yes">yes</label><br>
<input type="radio" id="kindOf1" name="understanding1" value="kindOf">
<label for="kinda">kind of</label><br>
<input type="radio" id="no1" name="understanding1" value="no">
<label for="no">no</label><br><br>
<button onclick="hideUnderstandingCheckDiv(); organizeUnderstanding1();">Enter</button>
</form>
</div>
<div id="workDiv">
<p>Here´s what you said YES to:</p>
<p><span id="result1H"></span></p>
<p>Here's what you said KIND OF to:</p>
<p><span id="result1K"></p>
<p>Hereś what you said NO to:</p>
<p><span id="result1Y"></span></p>
</div>
<script>
function hideUnderstandingCheckDiv(){
document.getElementById("understandingCheck1").style.display = "none";
document.getElementById("workDiv").style.display = "block";
}
function organizeUnderstanding1() {
var understanding1 = document.getElementByName("understanding1").required;
if (understanding1.value =="yes" ){
document.getElementById("result1Y").innerHTML = document.getElementById('name1').value;
} else if (understanding1.value =="kinda" ){
document.getElementById("result1K").innerHTML = document.getElementById('name1').value;
} else if (understanding1.value =="no" ){
document.getElementById("result1N").innerHTML = document.getElementById('name1').value;
} else {
break;
}
}
</script>
解决方案
推荐阅读
- html - 如何使用 HTML 格式剪切标签文本的结尾
- cakephp - PHP 7.3/7.4 的最低 CakePHP 版本?
- mysql - 选择没有。基于两个表中的值的人数
- jenkins - 如何使用 Jenkins Groovy 脚本创建 JSON 文件并向其写入键值对
- flutter - flutter path_provider 无法读取下载的文件
- c# - 具有多个列表的嵌套 LINQ
- python - 如何使用 OpenCV 和 Python 在图像上查找边框坐标
- database - 雪花没有为时间戳选择默认值
- yii2 - Yii2 '您的系统不支持以下任何驱动程序:gmagick,imagick,gd2'
- geocoding - 从经纬度坐标中寻找选区