jQuery 高分求助

Web 开发 > JavaScript
收藏 回复
[问题点数：300分，结帖人m0_37372501]
更多帖子
私信 空间 博客
聂顺顺
等级
本版专家分：0
结帖率 70%
1,2,3是多选框，勾选1的时候所有input都可输入，勾选2的时候input1，input3，input5可输入，勾选3的时候input3，input4可输入，多选的时候取最大：
如勾选2和3的时候input1，input3，input4，input5都可输入。
勾选1和2或1和3的时候所有input都可输入。请上jQuery代码，谢谢。



<div class="row">

    <div class="col-md-12 order-md-1">

       <div class="row">       

       <div class="col-md-3 mb-3">  

        <div class="checkbox">    

        <label>

          <input type="checkbox" class="checkbox" id="checkbox1" value="1" name="account[]"> 1

        </label>

        </div>

        </div>

        <div class="col-md-3 mb-3">

        <div class="checkbox">

        <label>

          <input type="checkbox" class="checkbox" id="checkbox2" value="2" name="account[]">2

        </label>

        </div>

        </div>

        <div class="col-md-3 mb-3"> 

        <div class="checkbox">     

        <label>

          <input type="checkbox" class="checkbox" id="checkbox3" value="3" name="account[]">3

        </label>

        </div>

        </div>

        </div>

        <br />

        <br />

        <div class="row">

          <div class="col-md-6 mb-3">

          <div class="form-group">

            <label for="eName">input1</label>

            <input type="text" class="form-control" name="input1" id="input1">

          </div>

          </div>

          <div class="col-md-6 mb-3">

           <div class="form-group">

            <label for="input2">input2</label>

            <input type="text" class="form-control" name="input2<" id="input2">

          </div>

          </div>

        </div>

         

        <div class="row">

          <div class="col-md-4 mb-3">

           <div class="form-group">

            <label for="input3">input3</label>

            <input type="text" class="form-control" name="input3" id="input3">

          </div>

          </div>

          <div class="col-md-4 mb-3">

           <div class="form-group">

            <label for="input4">input4</label>

            <input type="text" class="form-control" name="input4"  id="input4">

          </div>

          </div>

          <div class="col-md-4 mb-3">

           <div class="form-group">

            <label for="input5">input5</label>

            <input type="text" class="form-control" name="input5"  id="input5">

          </div>

          </div>

        </div>

</div>
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
天际的海浪
等级
本版专家分：164178
勋章
Blank
签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
GitHub 绑定GitHub第三方账户获取
Blank
进士 2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
Blank
银牌 2019年1月 总版技术专家分月排行榜第二 


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

</head>

<body>

<script type="text/javascript">

$(function(){

	$("input[name='account[]']").change(function(event){

		var obj = {};

		if ($("#checkbox1").prop("checked")) {

			obj[1] = obj[2] = obj[3] = obj[4] = obj[5] = true; 

		}

		if ($("#checkbox2").prop("checked")) {

			obj[1] = obj[3] = obj[5] = true; 

		}

		if ($("#checkbox3").prop("checked")) {

			obj[3] = obj[4] = true; 

		}

		for (var i = 1; i <= 5; i++) {

			$("#input"+i).prop("disabled",!obj[i]);

		}

	});

});

</script>

<div class="row">

    <div class="col-md-12 order-md-1">

       <div class="row">       

       <div class="col-md-3 mb-3">  

        <div class="checkbox">    

        <label>

          <input type="checkbox" class="checkbox" id="checkbox1" value="1" name="account[]">1

        </label>

        </div>

        </div>

        <div class="col-md-3 mb-3">

        <div class="checkbox">

        <label>

          <input type="checkbox" class="checkbox" id="checkbox2" value="2" name="account[]">2

        </label>

        </div>

        </div>

        <div class="col-md-3 mb-3"> 

        <div class="checkbox">     

        <label>

          <input type="checkbox" class="checkbox" id="checkbox3" value="3" name="account[]">3

        </label>

        </div>

        </div>

        </div>

        <br />

        <br />

        <div class="row">

          <div class="col-md-6 mb-3">

          <div class="form-group">

            <label for="eName">input1</label>

            <input type="text" class="form-control" disabled name="input1" id="input1">

          </div>

          </div>

          <div class="col-md-6 mb-3">

           <div class="form-group">

            <label for="input2">input2</label>

            <input type="text" class="form-control" disabled name="input2" id="input2">

          </div>

          </div>

        </div>

         

        <div class="row">

          <div class="col-md-4 mb-3">

           <div class="form-group">

            <label for="input3">input3</label>

            <input type="text" class="form-control" disabled name="input3" id="input3">

          </div>

          </div>

          <div class="col-md-4 mb-3">

           <div class="form-group">

            <label for="input4">input4</label>

            <input type="text" class="form-control" disabled name="input4"  id="input4">

          </div>

          </div>

          <div class="col-md-4 mb-3">

           <div class="form-group">

            <label for="input5">input5</label>

            <input type="text" class="form-control" disabled name="input5"  id="input5">

          </div>

          </div>

        </div>

</div>



</body>

</html>
只看TA 引用 举报 #1得分 300
更多帖子
私信 空间 博客
聂顺顺
等级
本版专家分：0
周一上班我试下，谢谢
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
有点小淫荡的老实人
等级
本版专家分：1994
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
黄花 2013年9月 扩充话题大版内专家分月排行榜第二
引用 1 楼 天际的海浪 的回复:


膜拜大佬   
只看TA 引用 举报 #3得分 0
收起
收藏 回复
聂顺顺

等级：

关注 私信 TA的帖子
高分求助， jquery同jsp混合编程，获取不到对象

高分求助啊

ajax实现页面部分刷新，高分求助

效果如下： ![图片说明](https://img-ask.csdn.net/upload/201508/31/1441005436_271733.png) 怎么实现复选框选中的数据不进行刷新，而剩下的在我... 页面代码如下： !...!...请写出代码，万分感谢，小弟对于ajax方面真心不会

高分求助大侠帮忙改段代码

js怎么对json内的数组进行解析？【高分求助】

高分求助js 高手解决问题!

jquery easyui导出查询之后数据为excel

向js高手求助

web 前端面试题 总结

1、去掉或样式丢失的时候能让页面呈现清晰的结构。 2、屏幕阅读器（如果访客有视障）会完全根据你的标记来"读"你的网页。 3、PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为...

webmagic采集CSDN的Java_WebDevelop页面

使用webmagic采集博客类的网站示例

前端面试题

1、去掉或样式丢失的时候能让页面呈现清晰的结构。 2、屏幕阅读器（如果访客有视障）会完全根据你的标记来"读"你的网页。...3、PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对...

对前端的知识补充

... ...1、去掉或样式丢失的时候能让页面呈现清晰的结构。...2、屏幕阅读器（如果访客有视障）会完全根据你的标记来"读"你的网页。...3、PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对...

javscript面试题(一)

1、去掉或样式丢失的时候能让页面呈现清晰的结构；2.屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页；3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的...

京东分类

博客学院下载GitChat论坛写博客发Chat京东分类转载 2018年04月07日 13:02:198compile 'com.github.bumptech.glide:glide:3.7.0' compile '...

看看

哎，编程！！ 本站旨在依靠学生团队打造一个较为专业的软件视频培训、交流、合作平台，结识更多的软件爱好者，揭开软件神秘面纱，一起为未来加油！    ...PS：如果你觉得本站不错，请猛击右上角星星“推荐”哦！...

C#入门必看实力程序100个

C#入门必看含有100个例字,每个例子都是针对C#的学习关键知识点设计的,是学习C#必须知道的一些程序例子,分享给大家，需要的可以下载

软件工程--实践者的研究方法

软件工程专业以计算机科学与技术学科为基础，强调软件开发的工程性，该课程使学生在掌握计算机科学与技术方面知识和技能的基础上熟练掌

c语言项目开发实例

十个c语言案例 （1）贪吃蛇 （2）五子棋游戏 （3）电话薄管理系统 （4）计算器 （5）万年历 （6）电子表 （7）客户端和服务器通信 （8）潜艇大战游戏 （9）鼠标器程序 （10）手机通讯录系统

2020美赛特等奖A题8篇论文（可通过书签跳转）.pdf

2020美赛特等奖A题8篇论文

FFMpeg视频开发与应用基础——使用FFMpeg工具与SDK

FFMpeg是当今为的面向音视频开发的开源工程，广泛应用于多种音视频的客户端、播放器和流媒体服务器中。使用FFMpeg提供的工具和SDK，可以完

2019年美赛D题一等奖论文

2019年数模美赛D题一等奖论文中文版本与最终版本，这里面卢浮宫的疏散方法可以修改为任意一篇快速疏散论文，搞数模竞赛的同学可以进行下载学习。

2020美赛A题海温数据.zip

2020美赛a题海温数据，1877年至今，趁比赛还没结束上传赚点资源值 全球海洋温度影响某些海洋生物的栖息地质量。当温度变化太大，它们无法继续繁荣时，这些物种就会迁移到其他更适合它们现在和未来生活和繁殖成功的栖息地。其中一个例子就是美国缅因州的龙虾种群，它们正缓慢地向北迁移到加拿大，那里的海洋温度较低，为它们提供了更合适的栖息地。这种地理种群的转移可能会严重影响依赖海洋生物稳定性的公司的生计。 您的团队已被苏格兰北大西洋渔业管理协会聘请为顾问。该协会希望在全球海洋温度升高的情况下，更好地了解与苏格兰鲱鱼和鲭鱼从它们目前的栖息地苏格兰附近迁移有关的问题。这两种鱼类为苏格兰渔业做出了巨大的经济贡献。鲱鱼和鲭鱼种群分布位置的变化，可能会让规模较小的苏格兰渔业公司在经济上变得不切实际。这些公司使用渔船，但船上没有冷藏设备。

2020美赛C题做题经历+赛题相关资料+论文最终成稿.zip

这份内容是美赛我女票队参加美赛的做题全过程，包括论文终稿、一些零散部分、题目原题+翻译、代码、参考文献中英文。。。由于个人懒得整理成文，就一股脑的都扔给你，能看懂多少收获多少全凭造化，收一积分，算是认为内容值这个价吧，当然，如若觉得不值者，评论私聊包退。。。

2020美赛C题资料.zip

关于2020年数模美赛c题的，题目，数据，文献资料，一些代码，以及思路和感想。其中在感想部分谈及了C题两种解答方法的对比（评论处理方法，另一种是我们老师带的另外几队拿了H奖的）。我们对这次论文交的比较匆忙，摘要是在最后一点时间里赶出来的，文章很多细节部分都有些问题，特别是问题分析部分忘记放上去就交了，有点尴尬。本来对这次结果不抱太大希望，后来却拿了m奖（虽然对于拿o奖，f奖的大佬们来说这不算什么），但对于失误较多的我们来说已经比较满意了。希望我的分享能对美赛有兴趣的同学起到一些帮助。

Android Studio 开发详解

Android Studio教程，该教材会详细介绍Android Studio如何使用，包括在Windows平台下载安装Android Studio、配置、代码重

vs 2017最新离线安装包（全功能完整版）

vs2017最新离线安装包，将官网文件整合成4个压缩包，包含所有组件的功能，安装过程无需联网。很方便。

python京东茅台脚本.zip

最近热门的python京东茅台脚本

2019年美赛A题特等奖论文（中文版）.pdf

本文为2019年美赛A题特等奖论文中文版，好不容易找到的资源分享给大家，供大家学习。

美赛2019年C题优秀论文原文和中文翻译

内含6片MCM2019年C题优秀论文原文和保留原格式的中文翻译 例 近年来，过量服用已成为美国意外死亡的主要原因，处方类阿片和海洛因是该 类别中最重的违法者。尽管许多人需要阿片类药物来控制其慢性和严重疼痛，但 这些疗法的普遍后果是滥用，成瘾以及升级为更糟的物质。存在多种打击毒品传 播的策略，例如教育，康复和执法。然而，鉴于阿片类药物在美国社会的新普 及，因此有必要针对性地制定战略。 我们开发了一种模型，可以可靠且准确地预测阿片类药物在俄亥俄州，宾 夕法尼亚州，弗吉尼亚州，西弗吉尼亚州和肯塔基州之间的扩散。为此，我们： ● 通过将阿片类药物成瘾视为一种在邻居之间确定性传播的疾病，并假设 其传播可以采用马尔可夫模型来模拟，从而可视化该区域内2010年至2016 年间阿片类药物的运动和传播。这将使我们能够找到一个过渡矩阵，以告 诉每个县彼此之间的影响。我们还将县之间的距离纳入该矩阵。 ● 接下来，我们对整个数据集中的社会经济因素的影响进行了建模，并将 这些变化与该县阿片类药物的使用随时间的增长或收缩的方式相关联。 ● 然后，我们以两种方式组合模型-线性和并行方式。我们用它来估计 毒品 问题发源地的震中。 ● 最后，我们进行了多次模拟并预测了未来的毒品问题，从而从不同的角 度开发了多种策略来应对这种流行病，并从对阿片类药物传播影响最大的 变量中进行选择。 我们的模型将非法使用阿片类药物视为一种疾病，当特定地区的更多人患 有阿片类药物时，这种情况会更频发。这使我们能够对其进行设计，以便将来可 以推广到更大的区域。通过可视化这种传播，我们能够目睹预测的阿片类药物在 主要道路上和沿主要道路的传播比简单邻接所能预测的更长。以这种方式联系在 一起的县既包括震中县，也包括脆弱县。 为了评估我们的外部模型，我们给了它来自所有县的前两年的药物报告数 据，然后将其传播到2016年。我们的预测存在人均10 -5 药物报告的错误。在评估 我们的内部模型时，我们意识到尽管社会经济因素高度相关，但它们无法准确预 测阿片类药物的滥用。

18款表白网页源代码(表白)

18款表白网页源代码(表白),集合了经典款和合并3连款，直接可以发布到网站，来进行表白！！

相关热词 c#常用命令 c# 定时启动 定时器 c#跳出本次循环 c# rar 解压 c# 单选框 控件 c# 调用char* c# 日志 自定义特性 ar的实现 c# c# 字符串 流操作 c#窗体传控件