前端学习JQUERY--事件函数;前端请求方式;单选框值的读取

对于目标标签的选定。使用ID或者使用CLASS名称。

使用ID,其点击事件书写: $("#addBtn").click(function(){ })

使用CLASS名称,其点击事件书写: $(".addBtn").click(function(){ })

除click点击事件外,还具有change事件。

与后台进行接口请求,可以通过ajax请求来完成。其写法如下:

$.ajax({

          type: "POST",//传输方式

          url: "${BASE_PATH}/admin/dataanalyze/datacompar/getChannelInfo?id="+val,  //请求的接口地址

          success: function(msg){ //请求成功后        

          console.log("打印后台返回数据--"+msg);

          }

          }

          })

对于单选框的value值的获取。

对于页面中所有name属性为f2的单选框的value值放入到check1中。

代码中的each函数,是一个jq中的循环用法,通过该方法,可以遍历页面中所有name属性为f2的单选框,下面的代码简单看来就是一个循环。

        var check1=[];

        $.each($("[name='f2']"),function(index,element){

                check1.push($(this).val());

            });

对于页面中所有name属性为f1的,并且状态为选中的单选框的value值放入到check2中。

var check2=[];

        $.each($('input:checkbox[name=f1]:checked'),function(){   

                check2.push($(this).val());

            });

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容