Radio Button do not work for bool value.

[rjdm...@gmail.com]

I want to add radio button with bool value true and false but not
working with knoutout

My Code:-
<script>
var jsonFromServer= {
"Title": "Test with bool value.",
"GeneratePolicyNumber": true
};


var viewModel = ko.mapping.fromJS(jsonFromServer);

ko.applyBindings(viewModel);
</script>
<div>
<h1 data-bind="text: Title"></h1>
<p data-bind="text: GeneratePolicyNumber"></p>
<input type="radio" name="GeneratePolicyNumber" value="true" data-
bind="checked: GeneratePolicyNumber" />Yes
<input type="radio" name="GeneratePolicyNumber" value="false" data-
bind="GeneratePolicyNumber" />No
</div>

but do not work


Thank you.

[Mark Hahn]

Did you get a parse error in the log?  Your last line is not legal syntax ...

data-bind="GeneratePolicyNumber"

[rjdm...@gmail.com]

ok i have corrected my code but that is not working

<div>
<h1 data-bind="text: Title"></h1>
<p data-bind="text: GeneratePolicyNumber"></p>
<input type="radio" name="GeneratePolicyNumber" value="true" data-
bind="checked: GeneratePolicyNumber" />Yes
<input type="radio" name="GeneratePolicyNumber" value="false" data-

bind="checked: GeneratePolicyNumber" />No
</div>


see my code http://jsfiddle.net/cctaV/

thanks

[Mark Hahn]

FYI: Your last bind should look like ...

     data-bind="checked: !GeneratePolicyNumber()"

But the radio buttons still don't work.  Looks like a KO bug to me. When I changed the input type from radio to checkbox it worked.

[Mickey]

Hi!

It seemed strange to me, but after reading some docs here is what I found:

For radio buttons, KO will set the element to be checked if and only if the parameter value equals the radio button node’s value attribute. So, your parameter value should be a string.

This means that you should set:

var jsonFromServer= {
    "Title": "Test with bool value.",
    "GeneratePolicyNumber": "true"
};

"true" - must be a string ( example: http://jsfiddle.net/mickeyvip/cctaV/3/ )

 

[rjdm...@gmail.com]

KO radio button work fine for string but i want for Boolean value and
it do not work.
need to come out with proper solution


thanks

[rjdm...@gmail.com]

[Mark Hahn]

For now you can do 

    data-bind="checked: ''+ GeneratePolicyNumber()"

[rjdm...@gmail.com]

:-( http://jsfiddle.net/mickeyvip/cctaV/3/
not working

[Mickey]

Why not use a checkbox? It binds to boolean.

[gaffe]

Sorry what part of this does not work?

I'd try making the things in your viewmodel observables, and I find
that sometimes knockout works best with tags like:
<select data-bind=""></select> but does NOT work with <select data-
bind=""/> for some reason, perhaps that will help.

Your example seems to work for me though...

On Sep 23, 6:40 am, "rjdme...@gmail.com" <rjdme...@gmail.com> wrote:
> :-(  http://jsfiddle.net/mickeyvip/cctaV/3/
> not working

[magikMaker]

You can convert your Boolean value to a String from within the
databinding like this:

data-bind="checked: GeneratePolicyNumber().toString()"

See the this fiddle:
http://jsfiddle.net/magikMaker/gbR5X/

[graham...@gmail.com]

magikMaker, your jsfiddle is now broken, how can we bind radio buttons to booleans?