jQuery 高分求助

大拐拐 2020-09-11 05:50:55

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>

...全文

5474 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

初心不变时过迁 2020-09-14

打赏
举报

引用 1 楼天际的海浪的回复:

膜拜大佬

大拐拐 2020-09-11

打赏
举报

周一上班我试下，谢谢

天际的海浪 2020-09-11

打赏
举报


<!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>

在文章平台建设中，由于技术五花八门，技术种类和门派繁多，技术人员在知识大爆炸时期更需要精准吸取知识，过滤大量无效信息，因此，基于推荐算法的文章交流平台可以解决技术繁多难以甄选的问题。经过调研和分析，本系统需要支撑的功能包括用户管理、文章管理、文章展示和文章推荐等功能。系统前端选用HTML、CSS、JavaScript等技术开发，后端选用基于Java技术的Spring MVC框架，而系统中的推荐算法选用协同过滤算法，基于文章与文章之间的关系给用户推荐文章。

你如何理解HTML结构的语意化? 1、去掉或样式丢失的时候能让页面呈现清晰的结构。 2、屏幕阅读器（如果访客有视障）会完全根据你的标记来"读"你的网页。 3、PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）。 4、搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重。 5、你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用...

转载自：http://www.runoob.com/w3cnote/front-end-development.html 你如何理解HTML结构的语意化? 1、去掉或样式丢失的时候能让页面呈现清晰的结构。 2、屏幕阅读器（如果访客有视障）会完全根据你的标记来"读"你的网页。 3、PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）。

你如何理解HTML结构的语意化? 1、去掉或样式丢失的时候能让页面呈现清晰的结构；2.屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页；3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）；4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重；5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记，而...