js控制点击tr选中radio,但是无法触发Radio的onchange事件

怎么点击tr选中当前行的radio,并且触发radio的onchange事件。

4个回答

在点击该tr的时候,先触发一个radio的点击事件

xiaozhutou_love
xiaozhutou_love 点太快了。。。那样子会死循环的 行不通
2 年多之前 回复

checked = checked

1、给所有tr加入鼠标点击事件。
2、在tr点击事件中,触发radio的onchange事件。

给TR加上点击事件不就好了

xiaozhutou_love
xiaozhutou_love 死循环
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
radio选择事件 onchange事件 onclick事件

单选框按钮(radio)选择事件怎么设置呢? 既可以在radio标签里设置onclick事件实现,也可以设置它的onchange事件实现,效果一样,代码如下: 那么当点击单选按钮的时候就会触发test函数。

ie中的radio click()不能触发radio的change事件

jquery版本:1.7.2 浏览器版本:ie8 测试代码如下,解决的问题是页面加载后,点击单选框的第一项。使之成为选中的状态<html lang="zh-cn"> <head> <meta charset="utf-8"> </head> <body> <input type="radio" name="gender" value="female">男 <inp

JS radio 取消选择,并触发原选择项改变事件

$div.find("input[type='radio']").each(function () { if ($(this).prop("checked") == true) { $(this).attr("data-mutex-check", 'true'); } e

通过JS的事件处理取得radio的值

http://blog.sina.com.cn/s/blog_50a1e17401017pik.html 提前知识准备: 在一个HTML文档中,每个元素都可以设置ID和NAME属性。 其中ID属性是唯一属性,不可以重复,一个ID值只能对应一个元素; 而NAME属性是可以重复的,一个NAME值可以对应一组元素。 所以,使用document.getElementByIdx_x(I

[HTML5] radio改变触发change事件

#frame{ width:600px; height:300px; border:solid 0px gold; } #left{ float:left; } #right{ float:left;

单选框 change 事件 。 单选框点击事件,切换不同的table。

jQuery change 事件 : $(function(){ $("input:radio[name:sheetType]").change(function(){ var v = $(this).val(); if (v =="1") { $("table1").show(); $("table2").hide();   }else{ $("table1").

单选框radio改变事件

前端学习

关于radio的onchange事件在IE、google中操作不一样的问题

<input type="radio" name="cmppProducts.isgive" id="isgive" value="1" checked="checked" onchange="changeIsgive()" />是 <input type="radio" name="cmppProducts.isgive" id="isgive" value="2" onchange="cha

重写radio单选框选中按钮然后触发其他事件

首先编写下面日期信息 对应的代码如下 &nbsp;       三天内&nbsp;       一周 &nbsp;       半个月 &nbsp;       一个月 &nbsp; 接下来导入jquery 下面重写互斥以及需要触发的事件即可 //互斥方法 function clickRadioValue(value) { $("[name*=

checkbox/radio onchange不能兼容ie8 如何处理?

在ie8下,checkbox的onchange没能实现触发自定义的函数,如何解决该问题,如下: function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $("input[type='checkbox']").click(function(){ this.blur(); //先失去焦点,执行你的自定义的

解决jquery设置radio选中效果后,再次选中不触发事件问题

我遇到的问题是在多个li下的radio按钮设置了选中效果后,再次选择时无法显示选中效果。 页面代码:     ...... 后来从网上找到的解决方法如下: $(document).ready(function() { $('#allBanksLogo li').click(function(){    var $rad

radio change事件

radio change事件 $('input:radio[name="role"]').change( function()

layui中使用jquery控制radio选中事件

勾选 form.on('radio(yesHave)', function (data) { $(&quot;input[name='hasPrepaidVoucher'][title='有']&quot;).attr('checked',true); form.render(); }); 取消勾选 form.on('radio(noIssuer)', function (data) { debugg...

获取radio点击事件

获取radio点击事件,不能用click(),而是用change().$('input:radio[name="options"]').change(function(){ alert(0); });

ztree2.6选中取消选中 change事件

var zTree; $(document).ready(function(){ var setting = {    showLine: true,    checkable: true,    checkStyle : "radio",    checkRadioType : "all",    callback:{       dblclick: zTreeOnDblclic

用onchange实时监听radio的函数

实时监听radio的函数     7天     30天     90天     180天     360天

监听radio点击事件

<input class="radioItem" type="radio" checked="checked" name="radio" value="1">按用车日期查询 <input class="radioItem" type="radio" name="radio" value="2">按租车标记日期查询 $(".radioItem").change( function() {

点击label标签选中radio

<!DOCTYPE html> <html> <head> <style> input[type=radio]{ display: none; } .radio-label:hover{ background:rgba(106,191,255,0.3); } inpu

关于jQuery radio 选中失效的问题

关于jQuery radio 选中失效的问题 jQuery1.9以上版本, 用attr("checked",true);来设置radio选中, 会出现失效问题. 有3种方法可以解决问题: 1.使用jQuery1.9含1.9以下版本的jQ库. 2.使用jquery-migrate.js兼容, 调用顺序如下: js/jquery-migrate.js; js

Radio选项选中触发事件

Radio选项选中触发事件 2010-07-13 11:36:52|  分类: 默认分类 |  标签: |字号大中小 订阅 1:选中Radio选项     function   check()     {

input type为checkbox或radio时的click默认事件

在input中,如果type为checkbox或radio时,浏览器会将该input渲染成为系统的单选或多选组件,如果这时,我们在这个input上绑定click事件,那就要小心谨慎使用e.preventDefault()这个方法(jQuery中整合了这个方法使得它能够兼容去掉浏览器中的默认事件)。之所以要说谨慎使用,就是,如果你在这个事件的响应程序中判断该checkbox是否选中时,得到的结果和真

jquery单选框radio绑定click事件实现方法

<html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text

jquery-icheck radio的点击事件、change事件、获取当前选中的值

使用ichick,获取当前选中,以及change事件的触发,或者说是点击事件 参考:https://www.cnblogs.com/xp796/p/5508145.html//方法名称:获取当前选中的值;icheck-radio change事件;点击事件; $("input:radio[name='dateInfoType']").on('ifChecked', function(event){

取消选中已选择的radio的js方法

取消选中已选择的radio的js方法|APIEYE.com function clearradio(){ //取消radio的选择 var x=document.getElementsByName("brand"); //获取所有name=brand的元素 for(var i=0;i<x.length;i++){ //对所有结果进

js控制radio选中

经常会遇到js控制radio选中和切换的问题 之前一直使用的是checked属性来完成的 但是现在发现这个属性有个大问题 今天就是用js给选中radio的赋值,使用的$().attr("checked",true); 当切换的时候,把name相同的radio的attr("checked",false),再把要选中的radio.attr("checked",true); 但是问题来了,每个

radio按钮点击一下触发两次事件

在项目中发现,切换单选按钮,却触发两次点击事件,代码如下: class="m-r-sm pull-left"> label class="i-checks" ng-change="selectTime('1')"> input type="radio" ng-model="timeChosen" value="1"/>i>i>周一label>

jquery获取选中单选按钮radio的值,监听type=radio的click事件

html如下: 获取单选按钮中选中的值 $('input:radio[name="sex"]:checked').val();       //值为“女”  或者修改成: $('input[name="sex"]:checked').val();        //值为“女”

jQuery_review之table中根据行选中,进行背景变色和radio选中

在各种WEB系统中经常可以看到类似的操作,点击中列表的某一行,然后当前行就会变成其他的颜色,并且其中的radio就会被选中。并且一般还会鼠标滑过的时候的动态特效,比如鼠标滑过当前行的时候会有一个变色的样式。趁着复习jQuery的机会,看一下使用jQuery来实现这个功能的步骤。    在这个功能当中,有一个需要注意的小知识点:如何增加一个radio?在HTML中,增加一个HTML

jquery radio 动态控制选中失效问题

性别选择 男女 通常是使用radio 在修改客户资料时 需要根据信息对radio进行选中。 最初的代码做法是console.log($(':radio[value='+data[2]+']').attr('checked'));但测试后有问题 在分别选中男女以后 就会失效。 后来搜了资料 原来是jQuery的版本问题 不同版本中对attr做的了修改**如果你的jQuery库的版本是1.6以下的,

单选(radio)按钮点击事件

Jquery Mobile的单选按钮样式: 代码: div id="radio-button-div" style="display: inline;"> fieldset data-role="controlgroup" data-type="horizontal" style="text-align: center; height: 50px;"> input type="ra

ASP RadioButton 出发JS事件和后台事件

大概:今天项目需要一个问题,在ASP上用Radio Button出发JS中的事件,判断“检索”button是不是活性,活性的情况就不触发后台,否则相反。 一:把RadioButton 的OnCheckedChanged 属性绑定后台的方法,通常情况下还把Autopostback属性设置为true,但是这样就没办法实现当“检索”Button 活性的时候不触发后台,这个方法不可行。 二:在页面上设置

【求解】vue input radio 点击事件取值问题

&amp;lt;template&amp;gt; &amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;div class=&quot;taskList&quot; @click=&quot;handle&quot;&amp;gt; &amp;lt;input type=&quot;radio&quot; name=&quot;task&quot; value=&quot;1&quot; v-model='selectStatus

jquery radio 没选中,点击后,选中;选中后,点击,不再选中;

前言使用jquery实现radio,没选中,点击后,选中;选中后,点击,不再选中;实现思路最初的设想最初设想,监听radio的click事件,在click中,阻止默认行为,然后根据点击之前是否选中,来决定是否选中。但这样有个问题,在click监听函数中获取的checked值是点击后的值,无法获取之前的值。于是转变了实现思路修正后的思路监听radio的mousedown事件,获取checked值,因为

表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)

表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)

指定radio切换事件

$(document).ready(function() { $('input[type=radio][name=APPLICANT_TYPE]').change(function() { if ($('#APPLICANT_TYPE2').attr('checked')) { alert("选择了APPLICANT_TYPE2"); }else{ alert("没有选APP

radio的onchange事件

单位 个人 function cha

jquery实现点击table行变色且选中该行的radio

function trSelect() { $("tbody tr").click(function () { $(this).prop("style", "background-color:#ececec").siblings().prop("style", "background-color:#ffffff"); $("tbody

IE下radio的onchange事件移除焦点后方可触发问题

IE下radio的onchange事件移除焦点后方可触发问题 radio的onchange函数大家应该都知道,但是今天小菜才发现这个很常用的函数在ie下的行为与其他浏览器的行为存在不一致性。 在FF,Chrome下,只要radio发生改变,onchange函数就会触发,而在IE下则是要等到radio失去焦点时onchange函数才会触发。 下面是一个简单的例子:

radio点击选中与取消

JS: var flag = true; function chkRadio(id) { id.checked = flag; flag = !flag; } HTML: 测试

jquery radio设置checked但按钮radio仍然没选中的js处理方式-javascript bootstrap

今天在用jQuery设置表单radio的选中时遇到了radio 设置checked但按钮还是没选中的情况: 是否有父机构? 是 否 第一次按radio切换没问题,但是当我第二次切换radio就出现两个radio都没选中的样子。(单选框只能选一个) if (object.hasFather) { $("#editModal input[type='radio

单击行,自动选中当前行中的单选框按钮

需求:单击行,自动选中当前行中的单选框按钮。 aspx页面:

jquery单选框radio绑定click事件实现和是否选中的方法

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.jquery获取radio的值 2.jquery获取checkbox的值 3.jquery获取select的值 要想获取某个radio的值有以下的几种方法,直接给出代码 1、$('i

table(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)

jquery小应用

利用JavaScript通过单选框radio控制div的显示和隐藏

通过单选框单击动作,实现某个div或多个div的显示和隐藏。实例如下: JavaScript代码如下: function divClick(){                  var show = "";        show = $("input[name='AdPrintMode']:checked").val();        switch (show){    

单选框radio控制div的显示和隐藏

通过鼠标单击单选框的动作,实现某个div或多个div的显示和隐藏。实例如下: function divClick(){ var show=""; var apm = document.getElementsByName("AdPrintMode"); for(var i=0;i<apm.length;i++){

Button的使用(九):RadioGroup的OnCheckedChange事件

package com.example.androidtest; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.widget.RadioGroup; import android.widget.Lin

JS控制HTML取消所有Radio的选择,并不可选择。

需求:有选项1和选项2两个radio,如果点击选项1可以选择子radio选项,点击选项2则清空子radio的选项。

【Vue】 -(7) 事件和方法

使用v-on绑定事件 Hello say 访问原生事件 do 事件修饰符 阻止单击事件冒泡 表单控件绑定: 使用V-model进行双向绑定,处理一些极端的需求,如下: Message is:{{message}} 单个多选框:逻辑值 游泳? {{checked}} 绑定到数组:不是逻辑值,是value的值 A B

radio、checkbox在使用iCheck后,绑定选中事件

使用on()方法绑定事件: $('input').on('ifChecked', function(event){ alert(event.type + ' callback'); }); ifCreated 事件应该在插件初始化之前绑定。

微信小程序开发之radio实现显示和隐藏功能

我们在开发微信小程序的时候,经常会用到显示和隐藏,但是我们知道在微信小程序里面是不是能 使用dom操作的,话不多说,直接上代码 第一步.直接在wxml,首先在要选择的按钮上注册一个bindtap事件如下图 第二步.在js中的pages下的data中添加 showView: true, 最后在onload中添加一个三元表达式  showView: (options.showView 

相关热词 c#分级显示数据 c# 不区分大小写替换 c#中调用就java c#正则表达式 验证小数 c# vscode 配置 c#三维数组能存多少数据 c# 新建excel c#多个文本框 c#怎么创建tcp通讯 c# mvc 电子病例
立即提问