点击选中此行，并得到其中两个值，分别写在两个input中;再次点击取消选中，并清除得到的两个值。

最新推荐文章于 2022-12-30 13:36:06 发布
最新推荐文章于 2022-12-30 13:36:06 发布
阅读量944 收藏
点赞数
分类专栏： Javascript Jquery 文章标签： 点击选中此行 并得到其中两个值 分别写在两个input中再次点击取消选中 并清除得到的两个值 Jquery实现
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lg632/article/details/44646533
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>oh shit</title>
<script src="js/jquery-1.11.0.js"></script>
<style type="text/css">
.odd{
background-color: green;
}
.even{
background-color: blue;
}
.selected{
background-color: orange !important;
}
</style>
<script type="text/javascript">
$(function(){
//设置各行变色
$("tr:odd").addClass("odd");
$("tr:even").addClass("even");


//绑定点击事件
$("tr").on("click",function(){
$(this).toggleClass("selected").siblings().removeClass("selected");


//设置input的值
var val1 = $(".selected td").eq(0).text() || "";
var val2 = $(".selected td").eq(1).text() || "";
$("#val1").val(val1);
$("#val2").val(val2);
});
});
</script>
</head>
<body>
<table>
<tr>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
</tr>
<tr>
<td>41</td>
<td>42</td>
</tr>
<tr>
<td>51</td>
<td>52</td>
</tr>
</table>


<input type="text" name="val1" id="val1" />
<input type="text" name="val2" id="val2" />
</body>
</html>
猴子年华、
关注
专栏目录
Python 接口并发测试详解
悦分享
10-23 7009
性能测试是通过自动化测试工具模拟多种正常、峰值及异常负载条件对系统的各项性能指标进行的测试。负载测试和压力测试都属于性能测试，两者可以结合进行。通过负载测试，确定在各种工作负载下系统的性能，目标是测试当负载逐渐增加时，系统各项性能指标的变化情况。压力测试是通过确定一个系统的瓶颈或者不能接受的性能点，来获得系统能提供的最大服务级别的测试。性能测试的重点是测试在并发条件下服务或系统的瓶颈所在，从而优化相关功能，可能涉及软件及硬件的多方面改进。由此可见，性能测试对整个产品非常重要，甚至可以决定一个产品是否能长久发
input 每输入一次都会失去焦点需要再次点击才能输入
improvement
08-17 4309
input 每输入一次都会失去焦点需要再次点击才能输入 1.情况描述，就是一个input框输入之后就会自动失去焦点，我需要再次点击获取焦点之后才可以进行下一次输入，并且还是只能输入一次就立马又失去焦点，当然这个input框是循环出来的，具体代码如下： <div class="input-area" v-for="item in inviteeInfoList" :key="item.phone" >
点击input时会有蓝色的选中框去除
梦想是成为一个弓箭手
01-07 1521
只需要在css中设置:focus{ outline:0 }就可以了 firefox下就要这么设置 :focus{ outline:0 } input::-moz-focus-inner{ border-color:transparent!important; }  ie7以下 hidefocus="hidefocus
实现vue el-input框加载自动选中，二次自动选中
string佳佳的博客
09-04 2472
<el-input ref="agin" v-select="true" v-model="insertInfoBcbd"></el-input> 1、加载完成后默认为选中状态（选中和聚焦效果不能并存，insertInfoBcbd一定要赋予初始值，否则不能实现默认选中，只能默认聚焦） directives自定义指令，定义在data同级 生命周期： bind：只调用一次...
input元素type为file类型，change事件在文件选择框出来后点击取消后事件只触发一次的问题解决。...
weixin_34197488的博客
07-25 2825
html: <input type="file" id="file" /> js: $('#file').change(function(){ console.log('change事件'); }) 问题详细描述： 1.input 为file类型的时候，在文件选择框出来后，这时选择了文件后或是点击取消都会触发...
jquery解决input[type=radio]点击选中取消
weixin_44609842的博客
12-30 691
*input[type=radio] 点击选中后，再次点击选中项，默认是不会取消的。
android 软件盘不会消失,关于键盘：Android软键盘永远不会出现在模拟器中
weixin_28718345的博客
06-01 604
我是Android的新手。 我已经花了两个小时来搜索。 无论我尝试使用软键盘，我的EditText都不会显示。 我简单地创建它：EditText editText = (EditText)findViewById(R.id.editText);我试过了：editText.requestFocus();//i tried without this line tooInputMethodManager...
Excel VBA教程–如何使用Visual Basic在电子表格中编写代码
08-21 5425
介绍 (Introduction) This is a tutorial about writing code in Excel spreadsheets using Visual Basic for Applications (VBA). 这是一个有关使用Visual Basic for Applications(VBA)在Excel电子表格中编写代码的教程。 Excel is one of...
PyQt5 Qt Designer 新手教程（二）—— 使用控件搭建简易对话框窗体
Enderman_xiaohei的博客
10-24 1万+
PyQt5 Qt Designer 新手教程（二）—— 使用控件搭建简易对话框窗体 教程博文 一、前言 这一部分的教程，将教大家如何用部分控件搭建一个简易的窗体，并使用布局方式布局窗口部件，让窗口尽可能的好看一些。 （PS. 本章的演示例子来自于《Python Qt GUI 快速编程 —— PyQt 编程指南》） 二、常用快捷键介绍 用过设计软件的人，肯定知道快捷键的重要性，它能加快设计人员或者开发人员的速度，很有用。 CTRL+S: 快速保存（前提：另存为） CTRL+A: 全选（选择全部控件） CTR.
Informix 动态服务器错误代码中文详解(一)
鸟人如风,不舍昼夜.
12-17 8144
0        成功。 操作成功。当 SQL 语句成功地执行时，数据库服务器把这个 SQLCODE 值返回给应用 程序。 100        没有发现匹配的记录。 数据库服务器不能寻找更多的数据。这个信息是ANSI 标准的 SQLCODE 值。如果你想 选择或取数据，遇到了数据结束，或没有数据匹配 WHERE 子句中的条件。检查是否是 空表。使用这个 SQLCODE值决
点击单选框实现选中，再次点击则取消选中
weixin_45747619的博客
12-28 2112
有一需求：单选框type=radio，实现点击某单选框选中，展示相应的图层。再次单击该单选框，取消选中，关闭相应的图层。 主要代码如下: <input type="radio" :checked="isChecked" @change="retainRecord" @click="showlayer"/> 仿真结果 <script> data() { return { isChecked: false, changed: false, } }, methods: {
input radio点击选中再点击取消
龚清林的博客
04-16 2981
这里主要说一下这个jquery中的data()方法，个人感觉这个方法平时挺少用到的，所以说一说，按照官方的解释就是 向元素附加数据，然后取回该数据; 嗯，是的，就是这么简单。 那这里说一下这个方法的使用，我们都知道单选按钮在点击之后再点击是不能直接取消的，要取消的话只能使用js设置checked属性，如果是单个单选按钮，还是挺容易的，但是多个单选的时候，就会觉得很蛋疼，所以我们可以使用data()方法来实现 html部分 <div><input type="radio">按钮<
小程序获取input某一个的值
嘿喵财运旺旺
05-18 7687
抱歉哈 一只没注意这个 少写了方法，已经修改 2018-12-5 没有form的input点击按钮获取input的值 不是通过input事件获取 例如： &lt;input class="weui-search-bar__input" placeholder="搜索" value="{{inputVal}}" bindinput="inputTyping"&gt; &lt;button ...
android intent 传值如何清空？
exbeed'blog
04-11 3510
我们在实际项目开发中，当Activity 中fragment向另一个activity跳转，或者从activity后退前一个activity的某个fragment 中，  经常用intent 传一个值来判断要跳转的位置，        如果为了清空intent 传的值话，一般都是采取 xIntent.removeExtra(flag),这个flag就是Intent.putStringExtra(f
input type file上传文件之后清空上次选择的内容
yuan_618859的博客
02-19 3017
input type file上传文件之后清空内容。 上次写过如何上传文件，上传成功之后，会出现一些问题。 当我打开上传的文件，但是没有点击上传，然后关闭弹窗，接着继续上传刚才的那个文件。为了满足产品组的要求，我们一般都会把样式进行一定的覆盖。 但这就会出现一定的问题。按照上面说的那种情况，当我再次打开之后覆盖样式的内容为空。 其实刚开始是百思不得其解的，最后想了一下，应该是file文件内容没有清...
input控件点击取消没反应？
weixin_34362875的博客
11-21 258
2019独角兽企业重金招聘Python工程师标准>>> ...
单选框radio点击选中、取消选中
热门推荐
2012013977的博客
09-27 1万+
单选框radio点击选中、取消选中
比较datatable两个decimal列 值是否一样大，有dbnull.value的存在
最新发布
06-08
可以使用以下代码来比较两个 `DataTable` 中的 `decimal` 列是否相等，其中考虑了 `DBNull.Value` 的情况： ```csharp bool CompareDecimalColumns(DataTable dt1, string colName1, DataTable dt2, string colName2) { foreach (DataRow row1 in dt1.Rows) { decimal? val1 = row1.Field<decimal?>(colName1); if (val1 == DBNull.Value) continue; DataRow[] rows2 = dt2.Select($"{colName2} = {val1}"); if (rows2.Length != 1) return false; decimal? val2 = rows2[0].Field<decimal?>(colName2); if (val2 == DBNull.Value || val1 != val2) return false; } return true; } ``` 此方法会逐行遍历 `dt1` 中的数据，对于每一行，取出 `colName1` 对应的 `decimal` 值 `val1`，如果其为 `DBNull.Value` 则跳过此行。然后通过 `dt2.Select` 方法找到 `dt2` 中 `colName2` 值等于 `val1` 的行，如果找到的行数不为 1 则说明数据不匹配，直接返回 `false`。如果找到了一行数据，则取出 `colName2` 对应的 `decimal` 值 `val2`，如果其为 `DBNull.Value` 或者 `val1` 不等于 `val2` 则说明数据不匹配，直接返回 `false`。如果遍历完成后都没有返回 `false`，则说明两个 `DataTable` 中的 `decimal` 列数据相等，返回 `true`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值