checkbox选择事件

[yskang]

<input type="checkbox" value="螺丝(φ16×230)" name="gongju[]" >螺丝(φ16×230)<div style="display:none;"> <input name="gongjugeshu[]" type="text" size="1" maxlength="2" placeholder="个数"></div>
<input type="checkbox" value="螺丝(φ12×120)" name="gongju[]">螺丝(φ12×120)<div style="display:none;"> <input name="gongjugeshu[]" type="text" size="1" maxlength="2" placeholder="个数"></div>
<input type="checkbox" value="螺丝(φ16×70)" name="gongju[]" >螺丝(φ16×70)<div style="display:none;"> <input name="gongjugeshu[]" type="text" size="1" maxlength="2" placeholder="个数"></div>
<input type="checkbox" value="螺丝(φ16×40)" name="gongju[]">螺丝(φ16×40)<div style="display:none;"> <input name="gongjugeshu[]" type="text" size="1" maxlength="2" placeholder="个数"></div>

做PHP的，js，jq不太懂，请问如何实现选中某项后checkbox后，后面的div的display改为显示，而且提交时，检测选中的个数不能为空

[Null丶晓风]

给每个checkbox添加一个class 比如 class=‘item’ Jquery代码： $(".item").click(function(){ if(this.checked){ $(this).next("div").show(); } }); 提交的时候在form表单的onsubmit事件里面检测个数就可以了（检测name属性为gongjugeshu的input元素值不能为空），代码就不写了吧

[Null丶晓风]

引用 1 楼 a632844050 的回复:

给每个checkbox添加一个class 比如 class=‘item’ Jquery代码： $(".item").click(function(){ if(this.checked){ $(this).next("div").show(); } }); 提交的时候在form表单的onsubmit事件里面检测个数就可以了（检测name属性为gongjugeshu的input元素值不能为空），代码就不写了吧

补充下 $(".item").click(function(){ if(this.checked){ $(this).next("div").show(); }else{ $(this).next("div").hide(); } });

[yskang]

引用 2 楼 a632844050 的回复:

[quote=引用 1 楼 a632844050 的回复:] 给每个checkbox添加一个class 比如 class=‘item’ Jquery代码： $(".item").click(function(){ if(this.checked){ $(this).next("div").show(); } }); 提交的时候在form表单的onsubmit事件里面检测个数就可以了（检测name属性为gongjugeshu的input元素值不能为空），代码就不写了吧

补充下 $(".item").click(function(){ if(this.checked){ $(this).next("div").show(); }else{ $(this).next("div").hide(); } });[/quote] 好吧，先说隐藏的

<input  class="gjitem" type="checkbox" value="螺丝(φ16×230)" name="gongju[]" >螺丝(φ16×230)<div style="display:none;"> <input name="gongjugeshu[]" type="text" size="1" maxlength="2" placeholder="个数"></div>


$(document).ready(function() {

		$(".gjitem").click(function(){
      if(this.checked){
          $(this).next("div").show();
      }else{
          $(this).next("div").hide();
      }
 });
	});

无效，写在ready外面也无效

[yskang]

jQuery v2.1.4

[yskang]

引用 2 楼 a632844050 的回复:

[quote=引用 1 楼 a632844050 的回复:] 给每个checkbox添加一个class 比如 class=‘item’ Jquery代码： $(".item").click(function(){ if(this.checked){ $(this).next("div").show(); } }); 提交的时候在form表单的onsubmit事件里面检测个数就可以了（检测name属性为gongjugeshu的input元素值不能为空），代码就不写了吧

补充下 $(".item").click(function(){ if(this.checked){ $(this).next("div").show(); }else{ $(this).next("div").hide(); } });[/quote] 以上代码完美，上面说的不行，是我自己原因，有冲突，现在已经解决，但是再请问一下，隐藏时，我想讲text清空

[Null丶晓风]

哦，代码我没有试，只是随手写的，将input清空的哈 value=“”就可以了

[Null丶晓风]

$(".item").click(function(){ if(this.checked){ $(this).next("div").show(); }else{ $(this).next("div").hide(); $(this).next("div input").val("");//这样应该可以，你试试吧 } });

[Null丶晓风]

错了，不好意思我在纠正下 $(this).next("div").find("input").val("");

[木头海上漂]

监控checkbox点击事件，判断点击的checkbox当前勾选状态触发相应效果