前台如何利用JS或者JQuery使当前面的checkbox被选中后,后面的文本框不得为空。

2024-11-16 21:36:10
推荐回答(3个)
回答(1):


数量:
首先id是唯一,如果是多个你在后面可以在循环的时候加上数字1,2,3.。。这样sku1就对应quantity1,sku2就对应quantity2,一次类推,你提交的时候先获取被选中的skuxxxxx,然后通过截取出后面的数字,和quantity链接组合成对应input的id就可以获取到对应的input的value值,if(getElementById('quantity+截取数字').value==“”)
{
//获取表单焦点,提示信息,退出js;
alert(‘xxx不能为空’);

getElementById('quantity+截取数字').focus();
return false;

}
其他的也都是根据skuxx,后面对应数字来判断input value
如果用jquery可以查看下jquery获取元素的方法,如按标签获取,做循环,会自带的一个index值
祝你好运,ps:jquery还是挺好用的

回答(2):

假如你点击id='btn'的按钮后验证文本框不为空

$('#btn').click(function(){
    $("input[type='checkbox']:checked").each(function(){
        if($(this).siblings("input[type='text']").val()=="")
        {
            alert("文本框不能为空");
        }
    });
});

上面的代码是checkbox和文本框在同一阶的情况下,如果两者不是同一个父级,这句(if($(this).siblings("input[type='text']").val()==""))逻辑可能要改一下

回答(3):

$("#quantity").click(function(){
     if($("#sku").attr("checked")==true){
           alert("文本框不能为空!");
     }
});