Question

<form action="db.php" method="POST" id="addForm" name="addForm">
<input type="checkbox" name="use[]" value="development">Develop<br>
<input type="checkbox" name="use[]" value="sample">Sample<br>
<input type="checkbox" name="use[]" value="mass_production">Mass Prod<br>
</form>

Just to clear up first..
1. If I submit, I can get the post values in php using the variable $_POST['use'] , right ?
2. Since its multiple checkbox, the values $_POST[‘use’] is an array, so I need to access it with $_POST['use'][0], $_POST['use'][1] , right ?

The real problem now is, when I submit, I received error in console (firebug).
Error: Syntax error, unrecognized expression: [name=use[]], and throw new Error( "Syntax error, unrecognized expression: " + msg );

The error prevent my submit.
I’m using jquery-1.8.2.js. Anything I do wrong ?

UPDATE
These codes below created the error. But still not understood yet.

var jdialog = $('#addnew_dialog');
var jform = jdialog.find('[name=addForm]');
jform.validate({
    errorClass : "err_label",
    wrapper: "li",
    rules: {
        "code": "required",
        "name": "required"
    },
    ignore: "",
    errorPlacement: function(error, element) {
        if( element.next().hasClass('ui-multiselect') ) {
            error.insertAfter( element.next() );
        } else {
            error.insertAfter( element );
        }
    },
    submitHandler: function(form) {
        //use ajax check
        //reset all error state
        $.each($(form).serializeArray(), function() {             
      jform.find("[name="+this.name+"]").removeClass("ui-state-error");
    });

        var data = ajaxCheck("addForm", "ajaxCheckAddShape");
        if(data['result']!="ok"){
            updateTips(data['msg']);
            $.each(data['err_fields'], function(index, value) {
                jform.find("[name="+value+"]").addClass("ui-state-error");
            });
            return false;
        }
        $(form).find("[name=op]").val("add");
        form.submit();
    }
});


function ajaxCheck(formName , action) {
    var jform = $("#"+formName);
    jform.find("[name=op]").val(action);
  var returnData = $.ajax({
    type: "POST",
    url: "db.php",
    async: false,
    timeout: 5000,
    data: jform.serialize(),
    dataType : "json"
  }).responseText;
  return $.parseJSON(returnData);
}

Answer 1

In a jQuery attribute selector, you need to put quotes if you have characters like [ or ].

For example replace

$('[name=use[]]')

with

$('[name="use[]"]')