程序博客网 > 条码编辑打印软件

jQuery学习四

来源：互联网发布：条码编辑打印软件编辑：程序博客网时间：2024/05/30 04:23

刚刚看到它可以模糊绑定一组有部分相同的属性名称的内容

代码如下：

<body>
  <div><input type="checkbox" name="stationchk" value="a" />1</div>
  <div><input type="checkbox" name="stationchk" value="b" />2</div>
  <div><input type="checkbox" name="intervalchk" value="c" />3</div>
  <div><input type="checkbox" name="intervalchk" value="d" />4</div>
  <div><input type="checkbox" name="commonchk" value="e" />5</div>
  <div><input type="checkbox" name="commonchk" value="f" />6</div>
</body>
</html>

<script type="text/javascript">
$(function(){
    $("[name$='chk']").attr("checked","checked").click(
        function(){
            var chkbox = $(this); // this是当前的复选框对象，$(this)是获得该复选框的jQuery对象
            if(chkbox.attr("checked")){
                alert("选择: "+chkbox.val());
            }else{
                alert("取消: "+chkbox.val());
            }
        }
    );
});

</script>
("[name$='chk']") 这样是绑定了以name属性，chk结尾的所有内容

当然有结尾，就有开头

$(function(){
    $("[name^='station']:checkbox").attr("checked","checked").click(
        function(){
            if($(this).attr("checked")){
                alert("选择: "+$(this).val());
            }else{
                alert("取消: "+$(this).val());
            }
        }
    );
});

[name^='station']:checkbox") 这样是绑定了以name属性，station开头的所有内容

$结尾 ^开头

条码编辑打印软件

条码编辑打印软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子出行必备定卫跟踪软件行车路线导航下载 10元改朋友圈定位be 为什么要做四轮定位定值电阻定值整定值快速计算公式大定通宝值多少钱定值电阻的作用负定矩阵特征值定做定做家具定做衣柜沙发套定做定做室内门蚕丝被定做定做衣帽间彩旗定做门窗定做 t恤定做厂家徽章定做展示架定做礼品盒定做钥匙扣定做台历定做杯子定做门定做展架定做首饰定做定做气球火柴定做高档t恤定做扇子定做定做火柴量身定做的总裁纸箱纸盒定做定做无纺布购物袋广告衫定做哪家好定做衣柜多少钱一米