两种方法点其他地方选择checkbox

最新推荐文章于 2022-11-14 14:26:59 发布
最新推荐文章于 2022-11-14 14:26:59 发布
阅读量140 收藏
点赞数
文章标签： Safari Firefox JavaScript CSS XHTML ViewUI

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan

<!-- 点td选checkbox,顺便背景变颜色,加强版 -->

<script type="text/javascript" src=""></script>
<script type="text/javascript">
//判断浏览器类型
function getOs()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
function tdcheckbox(tr)
{
if(getOs()=="MSIE")
{
var me =event.srcElement;
if(me.tagName != "INPUT") {
var me = tr.firstChild.firstChild;
me.checked = !me.checked;
}
tr.style.backgroundColor = me.checked ? "blue" : "";
}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="马永占(MyZ)" />
<meta name="Copyright" content="马永占(MyZ)" />
<meta name="description" content="" />
<meta name="keywords"content="" />
<link rel="icon" href="" type="image/x-icon" />
<link rel="shortcut icon" href="" type="image/x-icon" />
<link href="" rel="stylesheet" type="text/css" />
<title></title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<table>
<tr οnclick="tdcheckbox(this)">
<td><input id="1" type="checkbox" name="a"></td><td>123</td>
</tr>
<tr οnclick="tdcheckbox(this)">
<td><input id="2" type="checkbox" name="b"></td><td>456</td>
</tr>
</table>
</body>
</html>
<!-- 点td选checkbox,顺便背景变颜色 -->
<script type="text/javascript" src=""></script>
<script type="text/javascript">
//判断浏览器类型
function getOs()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
function tdcheckbox(tr)
{
if(getOs()=="MSIE")
{
var me = event.srcElement;
if(event.srcElement.tagName!="INPUT"){
var a = tr.getElementsByTagName("INPUT");
for(var i=0; i<a.length; i++){
if(a[i].name == "a"){
a[i].checked=!a[i].checked;me=a[i];
break;
}
}
}
tr.style.backgroundColor = me.checked ? "red" : "";
}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="马永占(MyZ)" />
<meta name="Copyright" content="马永占(MyZ)" />
<meta name="description" content="" />
<meta name="keywords"content="" />
<link rel="icon" href="" type="image/x-icon" />
<link rel="shortcut icon" href="" type="image/x-icon" />
<link href="" rel="stylesheet" type="text/css" />
<title></title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<table border="1" width="200">
<tr οnclick="tdcheckbox(this)">
<td><input id="1" type="checkbox" name="a"></td><td>123</td>
</tr>
<tr οnclick="tdcheckbox(this)">
<td><input id="2" type="checkbox" name="a"></td><td>456</td>
</tr>
</table>
</body>
</html>
iteye_3224
关注
react 使用antd的在图片列表或表格中实现点击其他元素Checkbox选中功能
weixin_30594001的博客
01-07 776
antd官网上的Checkbox功能只能单独使用，在表格中加入Checkbox也只能点击Checkbox按钮才能实现选中或取消功能 如果我们要实在表格行中点击或在图片列表中点击图片就能实现选中或取消，就需要单独添加事件，然后使用该事件对Checkbox操作的数组进行操作，才能实现该功能， 简单来说就是为需要添加功能的地方再绑定一个事件，与Checkbox操作同一个数据 就可以了 先来看如何实...
ElementUI-table实现 checkbox 实现单项选择
我没受刺激啊
06-22 5796
参考ElementUI文档-table 参考ElementUI文档-table
el-checkbox点击一个其他的全部都选中了
热门推荐
LLL_liuhui的博客
05-06 1万+
今天用elementui的el-checkbox-group遇到一个问题，点击其中一个，所有的checkbox都选中了 我原来是这么写的，可是不行 <el-form-item label="机构"> <el-checkbox-group v-model="ruleForm.organizationIds" ...
Jenkins-Pipeline基本使用
最新发布
Zzzzzz的博客
11-14 2734
Pipeline 是Jenkins 2.X核心特性，帮助Jenkins实现从CI到CD与DevOps的转变Pipeline 简而言之，就是一套运行于Jenkins上的工作流框架，将原本独立运行于单个或者多个节点的任务连接起来，实现单个任务难以完成的复杂流程编排与可视化。
css的checkbox样式,css自定义checkbox样式的方法总结
weixin_32386693的博客
08-04 3977
在我们日常的开发工作中，html的开发是不可少的，那么CheckBox是在HTML中让使用者与首页上的素材发生交互作用的一种方法。其中包含CheckBox控件就是我们一般所说的复选框，通常用于某选项的打开或关闭，那么今天就给大家介绍css自定义checkbox样式的方法总结！css自定义checkbox样式1.使用CSS自定义radio、checkbox样式的示例详解以前做自定义样式的radio,...
jQuery插件开发的两种方法及$.fn.extend的详解
10-26
接下来将详细讲解jQuery插件开发的两种方法以及$.fn.extend的用法。 ### jQuery插件开发的两种方法 #### 1. 类级别方法 类级别插件开发是指对jQuery对象本身进行扩展，这样做可以为jQuery增加新的静态方法。在类...
android 点击变色的两种情况、textview点击变色以及自定义checkbox
前人挖坑，后人种（pen）
05-12 4481
1.不需要使用shape的情况 drawable下新建一个资源文件，在需要的地方setbackground 2.需要设置圆角等等需要自定义shape的，和1类似，只是里面的drawable="@color"换做@drawable
jquery无法设置checkbox选中即没有变成选中状态
10-26
这两种方法都能确保无论在何种情况下，对复选框选中状态的操作都是准确和一致的。而在旧版本的jQuery中，开发者需要特别注意.attr()方法的行为和其返回值的含义，以避免潜在的问题。在编写跨浏览器兼容代码时，考虑...
MFC ListCtrl使用虚拟列表+CheckBox的解决方法
动感小麦兜的博客
12-15 1888
使用mfc久了，发现虚拟列表真的很好用，尤其是刷新大量数据时或对时间要求比较严格的地方时，但在使用CheckBox时，虚拟列表和ListCtrl默认一行只能在行首加入CheckBox，无法在其他列加入。遇到这种情况，网上的解决方案一般分两种：1.使用自绘，自己绘制CheckBox。2.使用一些开源的代码，如XListCtrl等。3.在虚拟列表中下加入图片（图片为勾选和不勾选的两种ico图片...
js <table>中点击一行中任意列数据，则可以让<checkbox>选中或者取消选中
雨陆聪辰的博客
04-18 6212
$(function () { $("#data_table tr:gt(0)").click(function () { console.log($(this).find(":checkbox").prop("checked")) if ($(this).find(":checkbox").prop("checked"))// 此处要用pro
如何实现点击文字也能够选中复选框
weixin_34375233的博客
03-22 3726
在很多实际应用中，并不要非得点击复选框才能够选中复选框，可以点击它旁边的文字也是可以的，下面就通过实例代码介绍一下如何实现此功能，代码如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 <!DOCTYPE html> <html> <head> <...
点击一行中任意地方，复选框选中
yzl19940126061的博客
10-27 1843
$("body").delegate('tr', 'click', function (e) {     if(e.target.type==='checkbox'){         return;       } console.log($(this).find(":checkbox").prop("checked"))     if ($(this).find(":checkbox
C#实现ListView控件的Checkbox复选框多选
GL3_24的博客
05-25 1万+
C#ListView控件可以显示多行多列信息，其实类似于Excel表格。 ListView控件前面可以有Checkbox复选框，并且可以实现复选框的多选功能。 下面来说下具体操作。很简单。 Checkbox复选框多选 1.设置ListView控件的CheckBoxes属性为true。 2.设置ListView控件的MultiSelect属性为true。 3.效果展示 注意： 需要注意的是这时...
下拉列表、单选按钮、复选框常用用法总结
dora_310的博客
01-10 6718
下拉列表html<select id="demoselect"> <option value="eq">相等</option> <option value="gt">大于</option> <option value="lt">小于</option> </select>获取下拉列表的值$("#demoselect").val()//value$("#demoselect").
Ant Design table自定义复选框的默认不可选状态
weixin_42458930的博客
08-01 1万+
vue用ant design我也是第一次用，关于table自定义的东西使用起来一踩一个坑。 我的需求是已经添加过的人员，下一次不可以再添加了，使用复选框的disabled属性。官网上的getCheckboxProps中的disabled的值是record.name==="XXX"，我在用的过程中肯定是一个list，然后我就想用函数返回true或false，虽然功能不影响，但是打印台一直报错，提示...
JavaScript语法与声明方法解析
在JavaScript中，有两种声明函数的方法： 1. 通过`function`关键字定义函数，例如： ```javascript function add(x, y) { return (x + y); } ``` 2. 使用`Function`构造函数创建函数，如下所示： ```javascript var...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值