前端学习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());

            });

你可能感兴趣的:(前端学习JQUERY--事件函数;前端请求方式;单选框值的读取)