多项选择退订表格

Question

I'm having a bit of trouble figuring out the jquery (or javascript) syntax for an unsubscribe form.

The project entails the following:

I no longer wish to receive:

(1) Information related to product A

(2) Information about any production from Company A1 (Company A1 also own product A)

(Submit)

Please keep in mind I have not been provided a field for the visitor to submit their email address. Although the the user is able to opt out of using product A, if they choose to, but they will still receive emails from the Company. If they choose option 2 they will be unsubscribed from all products the company provides.

here is my html:

<p class="text">Unsubscribe</p>

<p>I no longer wish to receive:</p> 
<form> 
     <input type="radio" name="choice1" value="choice1" />Information related to product A <br /> 
     <input type="radio" name="choice2" value="choice2" />Information about any product from Company A<br /> 
     <input type="button" value="submit" />
</form>

I have not moved on to the JS. I'm stuck in regards to the best approach. Any suggestions would be greatly appreciated. Thanks

Answer 1

give id to your form for example unscfrm then you can access the choice of user like in this example below

$('#unscfrm input[type=button]').click(function(event)

  {
    event.preventDefault();

    var choice=$('unscfrm').find('input:radio:checked').val();

    alert(choice);
  })