【javascript – Meteor js:如何设置单选按钮?】教程文章相关的互联网学习教程文章

javascript – 带有jQuery和AJAX的单选按钮【代码】

当我发送表单时,我有以下错误,确切地说是单选按钮输入. 这是HTML代码:<input name="radio" type="radio" class="raido-btn" id="coral1" value="coral1" /><label for="coral1">CORAL I</label><input name="radio" type="radio" class="raido-btn" id="coral2" value="coral2" /><label for="coral2">CORAL II</label><input name="radio" type="radio" class="raido-btn" id="coral3" value="coral3" /><label for="coral3">COR...

javascript – 单选按钮组在Chrome中有价值但在Firefox中没有【代码】

我有一个HTML表单<form name="radio-mc"><input type="radio" name="mc" id="radio-1" value="1"> First<input type="radio" name="mc" id="radio-2" value="2"> Second<input type="radio" name="mc" id="radio-3" value="3"> Third</form>我可以使用以下javascript通过表单/输入名称在Chrome中获取所选值document.forms['radio-mc']['mc'].value但在Firefox中,价值未定义. 我通常认为这是Chrome的专长,但在Firefox检查器中,我可以...

javascript – 如何让UIKit按钮组作为表单中的单选按钮【代码】

Yoothemes UIKit(http://getuikit.com)提供了一种使按钮组看起来像单选按钮一样工作的方法.在此页面上看到大约一半:http://getuikit.com/docs/button.html 但是关于如何使按钮组实际上像表单中的单选按钮一样起作用的文档完全缺失.感谢有关这方面的建议. 目前,如果我在表单中使用它们,则单击任何按钮都会提交表单. iphone订购选项的示例表单:<form><div class="uk-button-group uk-margin-bottom" data-uk-button-radio><button ...

javascript – 将Bootstrap单选按钮绑定到Angular属性【代码】

我有一个麻烦,让引导无线电盒选择绑定到角度属性. 这是我拥有的,它不起作用. HTML BOOTSTRAP<div class="btn-group" data-toggle="buttons"><label class="btn btn-success active"><input type="radio" value="bill" ng-model="newItemType" name="options" id="option1" autocomplete="off" checked> Insert New Bill <span class="glyphicon glyphicon-file"></span> </label><label" class="btn btn-success "><input type="ra...

javascript – 单击其他按钮后取消选中单选按钮【代码】

我正在制作一个带有两个按钮的投票系统(upvote / downvote).我已经使用输入和标签来创建它,但是有一个问题: 如果我使用单选按钮,我可以向上或向下投票,但我不能不投票. 如果我使用复选框,我可以取消投票,但我也可以上下投票. 我想要实现的是只能投票或者投票,同时还能够取消投票(想想reddit). 我已经彻底找到了答案,我发现这不可能与CSS有关.有很多脚本,问题是我不知道JavaScript或jQuery,所以我不知道如何实现代码. 我认为最简单...

javascript – Aurelia单选按钮绑定【代码】

希望有人可以帮助我.我有以下观点:<label repeat.for="option of options"><input type="radio" name="periodOptions" model.bind="option" checked.bind="$parent.selectedOption" click.delegate="clicked()"/>${option.text} </label>和以下viewmodel:export class PeriodPanel {heading = 'Tidsperiode';options = [];selectedOption = {};constructor() {this.options = [{id:1, text:'Vis med dagoppl?sning'}, {id:2, tex...

需要单选按钮 – JavaScript验证【代码】

我对JavaScript一无所知.我必须在HTML表单中添加一组两个单选按钮,其值为“是”和“否”.现在我需要让它们“必需”表单和JavaScript中还有其他几个必填字段:<SCRIPT LANGUAGE="JavaScript"> <!-- reqd_fields = new Array(); reqd_fields[0] = "name"; reqd_fields[1] = "title"; reqd_fields[2] = "company"; reqd_fields[3] = "address"; reqd_fields[4] = "city"; reqd_fields[5] = "state"; reqd_fields[6] = "zip"; reqd_fie...

javascript – 为什么addEventListener不能用于Chrome中的单选按钮焦点事件?【代码】

请考虑以下示例(也可在此处获取:http://jsfiddle.net/hq8Fg/1/).它在IE9中工作正常,但在Chrome 16中不起作用. 在IE中,如果我点击单选按钮,我会看到该消息,但在Chrome中没有任何反应.<!DOCTYPE html> <html> <head> <title>Nothing</title> <script type="text/javascript">function begin() {var rb1 = document.getElementById('rb1');rb1.addEventListener('focus', function() { document.getElementById("theText").value = "...

javascript – 需要动态创建单选按钮的帮助【代码】

我在设置动态创建的单选按钮的标签和对齐方面有问题,我想从文本框中检索一个值并使用此值作为新生成的单选按钮的标签,我尝试使用此代码生成单选按钮但是它不会给它一个标签(从文本框中检索到的标签),它也会水平生成单选按钮而不是垂直:HTML:<input type="text" name="option" id="option" value="" /><br> <div id="AddButton" data-role="button" data-inline="true">Add</div><div data-role="fieldcontain"><fieldset data-r...

javascript – Meteor js:如何设置单选按钮?【代码】

我有一组3个单选按钮,我试图在首次呈现页面时设置它:<div><div><input id="{{_id}}_undefined" type="radio" name="accepted" {{undecided}}>No Determination</div><div><input id="{{_id}}_true" type="radio" name="accepted" value="true" {{accepted}}>Assign To Researchers</div><div><input id="{{_id}}_false" type="radio" name="accepted" value="false" {{declined}}>Decline</div>{{#if declined}}<textarea name="d...

javascript – 我需要一个单选按钮的事件触发器,当它被取消选中时,因为检查了另一个按钮【代码】

我需要一个单选按钮的事件触发器,当它被取消选中时,因为检查了另一个按钮. 下面的代码应该证明我的困境. 如果你注意到,有一个onchange事件触发器附加到每个单选按钮和html代码中的复选框.从理论上讲,状态从检查到未检查的变化应该触发onchange事件. 这与复选框的预期一致.如果您选中一个,则会收到警告“您的项目已更改为已选中”.如果取消选中它,则会收到警告“您的项目已更改为未选中”. 使用单选按钮,当您选中按钮1时,您会按预期...

javascript – 如何更改单选按钮的文本【代码】

我有一个单选按钮需要从用户输入动态更新,但正常的.val(),. text()和.html()将无法正常工作.如何使用jQuery或纯JavaScript更改单选按钮的文本?解决方法:单选按钮没有与之关联的文本. 但是如果你在无线电选项旁边有一个标签标签/ span标签.然后你可以使用.next访问该元素并更改其text / html DEMO HTML:<input type="radio" /><label>Option 1</label>要么<input type="radio" /><span>Option 1</span>JS:var $label = $('input[...

Javascript:图像不匹配单选按钮的值【代码】

我正在使用单选按钮并根据所选的单选按钮显示图像.但不知何故,我收到图像数组的错误.我只会显示两张图片并且与正确的值不符.是我的数组或html中的错误? EXAMPLE 参考自行车: > Bike1.jpg> Bike2.jpg> Bike3.jpg JS<script>function check_value(val) { var imgs = ['images/bike1.jpg', 'images/bike2.jpg', 'images/bike3.jpg'];var img = imgs[val];var el = document.getElementById("imgBox");if (img) {el.src = img;el.sty...

javascript – 为什么我要两次提交表单? jQuery submit()带单选按钮【代码】

我正在使用jQuery在MVC应用程序中提交表单.我在控制器内部有一个断点,我看到它被击中了两次.我究竟做错了什么? 这是我的jQuery(function ($) {$(document).ready(function () {$(':radio').change(function () {$('#frmMDR').submit();});}); })(jQuery);这是表格html<form action="/Module/ModuleIndex" id="frmMDR" method="get"><input id="rdoMaintenance" name="module" type="radio" value="Maintenance" /><label for="rdo...

JavaScript在IE和FireFox中读取单选按钮值【代码】

我有一个简单的Web表单,它使用JavaScript来构建POST语句.在Chrome中,我可以使用一行简单的代码……var form = document.forms['myForm']; var env = form.env.value;表单本身看起来像这样……<form name="myForm" action='JavaScript:xmlhttpPost("/path/to/some/pythoncode.py")'><input type="radio" name="env" id="env" value="inside">Inside<input type="radio" name="env" id="env" value="outside" checked="checked">Outs...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部