使用JQUERY获取单击复选框的值并将其传递给ajax

时间:2015-12-28 19:37:08

标签: javascript jquery ajax

当我点击复选框时,我想使用ajax

发布帖子请求

我的复选框看起来像这样:

<intent-filter>

我的JS功能如下所示:

<input name="foton" type="checkbox" onclick="processForm(this)" 
value='.$f->group_id.'>Închis</input>

我做错了什么?

3 个答案:

答案 0 :(得分:1)

这是当前的语法。由于您是从onclick事件传递对象本身,因此您无需将其转换为jquery对象以获取其值。只需> df[ -as.numeric(rownames(df_samp)), ] col1 col2 1 g p 2 u g 4 d c 5 f k 6 r m 9 n h 10 o x 即可给出潜在价值。

this.value

答案 1 :(得分:1)

<script>
function processForm(e) { 
    $.ajax( {
    type: 'POST',
    url: '/ajax/checkbox.php',
    data: { foton : e.value },
    success: function(data) {
        jQuery('#message').html(data);
    }
    });
}</script>

我相信您应该能够利用e.value传递您的复选框值。但是,这很难排除故障,因为我不知道你的问题是什么。

答案 2 :(得分:1)

另一个答案是将它全部移到JQuery并传递JQuery Element。工作示例:https://jsfiddle.net/Twisty/tb5tfL2b/4/

function processForm(e) { 
    $.ajax({
        type: 'POST',
        url: '/ajax/checkbox.php',
        data: {
            foton: e.val()
        },
        success: function(data) {
            $('#message').html(data);
        }
    });
}

$(document).ready(function(){
  $("input[name='foton']").on("click", function() {
    processForm($(this));
  });
});

或切换到更改后点击时间:https://jsfiddle.net/Twisty/tb5tfL2b/5/