【单选按钮决定链接的网址】教程文章相关的互联网学习教程文章

javascript – jquery在加载或更改时获取已检查单选按钮的值【代码】

获得此脚本获取已检查单选按钮的值并将其打印在另一个标记中.当你点击一个单选按钮时,它工作得很好,但我意识到我需要默认选中一些单选按钮. 如何更改此脚本以便它还会在页面加载时输出已检查的单选按钮的值?$("input[type='radio']").click(function(){var radioValue = $(this).val();if(radioValue){$(this).closest('section').find('h2 .value').text(radioValue);} }); 小提琴:https://jsfiddle.net/tactics/bykf31e6/4/解决...

javascript – 使用jQuery选择单选按钮时出错【代码】

我有这个问题,我有这些单选按钮<input type="radio" name="bank" id="bank-1" data-movt="0"> Bank 1 <br /> <input type="radio" name="bank" id="bank-2" data-movt="0"> Bank 2 <br />当我按下“保存”按钮时,假设获取id的名称和data-movt的值,而不是总是得到第一个单选按钮的值<button type="button" id="save-bank" class="btn-save">Save</button>当我选择第二个单选按钮时总是显示我的错误消息,这是我的jQuery代码:$('#sav...

javascript – 单选按钮更改为非初始状态未注册【代码】

我一直在尝试工作,我确信这是一个简单,直接的解决方案,可以跟踪状态变化的无线电按钮组.这是一个这样的组:<div class="formRowDiv"><label><span>TLan:</span></label><label><input type="radio" id="tlanYes" name="tlan" value="tlanYes"<?phpif ( $inputValArr[ 'tl' ] == "1" ) {echo ' checked';} ?>><span class="radioLabel">Yes</span></label><label><input type="radio" id="tlanNo" name="tlan" value="tlanNo"<?ph...

javascript – 通过使用jQuery单击标签取消选中已选中的单选按钮【代码】

我需要使用jQuery取消选中已检查的单选按钮.按钮本身是隐藏的,所以我使用标签上的点击来触发这个.到目前为止,我有: HTML<form><h4>Where would you like to work?</h4><div class="radio-holder"><input id="form1_areas1" name="areas" type="radio" value="area/london"><label for="form1_areas1">London</label></div><div class="radio-holder"><input id="form1_areas2" name="areas" type="radio" value="area/west-midlan...

javascript – 最佳实践:访问单选按钮组【代码】

寻找最佳,符合标准,跨浏览器兼容,转发兼容的方式来访问DOM中的一组单选按钮(这与我最近的其他帖子密切相关……),而不使用任何外部库.<input type="radio" value="1" name="myRadios" />One<br /> <input type="radio" value="2" name="myRadios" />Two<br />我已经阅读了有关getElementsByName()的冲突信息,这似乎是正确的方法,但我不清楚这是否是符合标准的前向兼容解决方案.也许有更好的方法?解决方法:我对这个解决方案并不完全...

Javascript:单选按钮并显示基于vaule的图像【代码】

我目前正在根据从单选按钮中选择的值显示图像.但我目前正在努力使代码尽可能简短有效.我有几个类别可供选择,他们接近这个问题的方式需要我写几个check_value#.有没有办法将这两个功能结合起来?所以在将来,如果我有5个或7个类别,我将无需为每个类别提供功能. EXAMPLE<script>function check_value(val) { var el = document.getElementById("imgBox1");var img = imgs[val];if (val>0 && val<4) { //will trigger when [1,2,3]...

javascript – 点击灯箱中的单选按钮,将内容添加到tinymce【代码】

我试图通过点击灯箱中的单选按钮将内容(单选按钮的值)添加到TinyMce. 以下代码使用单选按钮在灯箱中生成一个列表:foreach ($inventory_array_values as $key => $row) { //echo'<pre>'; print_r($inventory_array_values); echo'</pre>'; exit();?><ul class="<?php echo $rowcls; ?>" ><li style="width:10%"><?php$arr = array('model' => $row[7],'make' => $row[6],'year' => $row[5],'stock' => $row[3],'vin' => $row[...

javascript – 内容可编辑div中的单选按钮【代码】

我在内容可编辑div中有一个单选按钮.但是当我点击单选按钮时,Firefox和IE中没有任何反应.但它在Chrome中运行良好. 我该怎么做才能在Firefox和IE中使用它? 该代码可在http://jsbin.com/uqexoy/2/edit获得,简单地说:<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> </head> <body><div contentEditable="true"><input type="radio" />ere er er er re </div> </body> </html>解决方法:经测试可在IE8,...

基于HTML / JavaScript中的单选按钮选择更改图像【代码】

我有一个项目,我将为三个不同的单选按钮组显示一个图像.如果选择了单选按钮,则图像需要更改为不同的图片.我有其余的代码做我需要它,除了这部分.从技术上讲,我也想改变单选按钮的字体颜色,并在选择它时加粗.我甚至没有尝试过,因为我不能让图像切换工作.这是我的代码.任何输入都会有所帮助.代码以一个函数开始,根据单选按钮选择进行一些计算.然后进入一些验证部分,提交和清除.我所做的图像材料在HTML正文之前更接近底部.就像我说的,任...

javascript – 当没有选择其他值时,返回false不会取消单选按钮中的单选按钮【代码】

我正在尝试取消单选按钮.我有一个像这样的jquery点击处理程序:$("#myList").on("click","input", function(){return false;});当已有选定值时,此工作正常.但是,如果我从没有选定值的组中单击一个单选按钮,则返回false不起作用,并且实际选中了我单击的元素. 有线索吗? 编辑: 这是演示问题的小提琴: http://jsfiddle.net/SFZMm/2/ EDIT2: 刚刚发现这只发生在chrome

javascript – 单选按钮费用清关【代码】

我有三个单选按钮来计算费用.当你点击第一个单选按钮时,它有一个带有复选框的下拉菜单,如果你单击复选框它会增加$3 ..如果用户意识到这是一个错误并且没有取消选中该复选框并单击另一个单选按钮它不会删除总计3美元,直到点击单选按钮至少两次. 前两个单选按钮是78.25,第三个是88.25.单击第一个单选按钮78.25,然后复选框将使其成为81.25,然后假装您的用户改变主意并点击第二个单选按钮,它应该在您单击时将其更改回78.25.但它没有,它...

javascript – PHP – 检索与单选按钮对应的所有数据【代码】

我正在使用PHP,并且没有经验.我在一个表中显示数据,每个行的开头都有一个单选按钮.我想检索与我检查的单选按钮对应的行中存在的所有数据.这是我到目前为止所做的事情:<form name="test" method="POST"><table><tr><th></th><th>book_id</th><th>card no</th><th>fname</th><th>lname</th></tr> <?php$conn = mysql_connect("localhost", "root", "");if ($conn) {mysql_select_db("library");} else {echo 'no such database';}$q...

javascript – 如何动态加载单选按钮并在反应中使用check属性?【代码】

我正在尝试为单选按钮创建一个通用输入字段,我将在我的项目中使用每当我需要在reactjs中的单选按钮,所以我想知道如何动态传递单选按钮,以便默认情况下检查第一个元素以及如何在map函数中使用checked属性render() {var self = this;return(<div>{self.props.options.map(function(option){return <label key={option[self.props.id]}><input type="radio" className={self.props.className}checked={?????} key={option[self.props....

javascript – 带有ngRepeat的单选按钮上的ngModel损坏【代码】

普拉克:http://plnkr.co/edit/Y4ntAj2fIIpexKjkCvlD?p=preview 我正在尝试构建一个表单组件,允许用户创建某个数据字段的多个实例,但是从同一组输入中填充它们. 我正在为集合中的每个项目创建一个单选按钮,使用ng-repeat然后每个单选按钮的值都设置为重复的$index.单选按钮以$scope.selectedItem为模型,用于将输入指向正确的项目. 但是,出于某种原因,即使所选单选按钮的状态如此,selectedItem也不会更改. 我尝试使用静态单选按钮进...

javascript – 使用jQuery Validator插件验证“是/否”单选按钮到特定的正确值【代码】

并尽我所能让我的头围绕jQuery验证器插件. 我已广泛搜索,但找不到任何类似于我想要实现的内容.请有人帮忙. 我正在尝试使用单选按钮构建问卷表单,并使用jQuery验证器插件验证它们. 我如何设置特定于某些答案的验证规则是是或否值:<p>Are you a member of our group? <br /><input type="radio" name="member" value="Yes" class="required" id="memberYes" /> <label for="memberYes">Yes</label> <<<<----User must be a member a...

链接 - 相关标签
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 全部