Disabling radio buttons with jQuery

前端未结

关注

 8  632

I\'m trying to disable these radio buttons when a the loadActive link is clicked but for some reason it only disables the first in the order and then skips the rest.

相关标签:

8条回答

一整个雨季

2020-12-05 02:13
code:
```
function writeData() {
    jQuery("#chatTickets input:radio[id^=ticketID]:first").attr('disabled', true);
    return false;
}
```
See also: Selector/radio, Selector/attributeStartsWith, Selector/first
0 讨论(0)
发布评论:

提交评论
- 加载中...

耶瑟儿～

2020-12-05 02:14

You can try this code.

var radioBtn = $('<input type="radio" name="ticketID1" value="myvalue1">');
if('some condition'){
    $(radioBtn).attr('disabled', true); // Disable the radio button.
    $('.span_class').css('opacity', '.2'); // Set opacity to .2 to mute the text in front of the radio button.
}else{
    $(radioBtn).attr('disabled', false);
    $('.span_class').css('opacity', '1');
}

0 讨论(0)

感情败类

2020-12-05 02:19

You should use classes to make it more simple, instead of the attribute name, or any other jQuery selector.

0 讨论(0)
发布评论:

提交评论
- 加载中...
北荒

2020-12-05 02:20
First, the valid syntax is
```
jQuery("input[name=ticketID]")
```
second, have you tried:
```
jQuery(":radio")
```
instead?

third, why not assign a class to all the radio buttons, and select them by class?
0 讨论(0)
发布评论:

提交评论
- 加载中...
囚心锁ツ

2020-12-05 02:26
I've refactored your code a bit, this should work:
```
jQuery("#loadActive").click(writeData);

function writeData() {
    jQuery("#chatTickets input:radio").attr('disabled',true);
}
```
If there are more than two radio buttons on your form, you'll have to modify the selector, for example, you can use the starts with attribute filter to pick out the radios whose ID starts with ticketID:
```
function writeData() {
    jQuery("#chatTickets input[id^=ticketID]:radio").attr('disabled',true);
}
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

孤独总比滥情好

2020-12-05 02:27

I just built a sandbox environment with your code and it worked for me. Here is what I used:

<html>
  <head>
    <title>test</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  </head>
  <body>
    <form id="chatTickets" method="post" action="/admin/index.cfm/">
      <input id="ticketID1" type="radio" checked="checked" value="myvalue1" name="ticketID"/>
      <input id="ticketID2" type="radio" checked="checked" value="myvalue2" name="ticketID"/>
    </form>
    <a href="#" title="Load ActiveChat" id="loadActive">Load Active</a>

    <script>
      jQuery("#loadActive").click(function() {
        //I have other code in here that runs before this function call
        writeData();
      });
      function writeData() {
        jQuery("input[name='ticketID']").each(function(i) {
            jQuery(this).attr('disabled', 'disabled');
        });
      }
    </script>
  </body>
</html>

I tested in FF3.5, moving to IE8 now. And it works fine in IE8 too. What browser are you using?

0 讨论(0)

1 2 下一页